/* 아이세 공용 테마 — 색 13가지 × 밝기 2가지 = 26벌
   build-theme.mjs 가 만든 파일이에요. 색을 바꿀 때는 build-theme.mjs 의 팔레트를 고친 뒤 다시 만들어 주세요.
   쓰는 법: <html data-color="pink-warm" data-mode="dark"> (theme-boot.js 가 저장된 값을 붙여 줌)
   미리보기 칸에는 class="ayse-theme" data-color="…" data-mode="…" 를 붙이면 그 안만 그 테마가 됨.
   변수 뜻은 README.md 참고. */

/* ── 밝기마다 같은 것: 글꼴 · 그림자 · 종이 결 (색 변수에서 계산) ── */
:root, .ayse-theme {
  color-scheme: dark;
  --font-sans: "Pretendard Variable", Pretendard, system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-serif: "Hahmlet", "Nanum Myeongjo", serif;
  --sh-float: 0 50px 40px color-mix(in srgb, var(--shadow-c) 16%, transparent), 0 20px 40px color-mix(in srgb, var(--shadow-c) 26%, transparent), 0 3px 10px color-mix(in srgb, var(--shadow-c) 34%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.045);
  --sh-note: 0 1px 2px color-mix(in srgb, var(--shadow-c) 34%, transparent), 0 8px 18px color-mix(in srgb, var(--shadow-c) 22%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.035);
  --sh-btn: 0 1px 2px color-mix(in srgb, var(--shadow-c) 40%, transparent), 0 6px 16px color-mix(in srgb, var(--shadow-c) 30%, transparent);
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --grain-op: 0.07;
  --glow: color-mix(in srgb, var(--accent) 16%, transparent);
  --nav-bg: color-mix(in srgb, var(--surface) 78%, transparent);
}
:root[data-mode="light"], .ayse-theme[data-mode="light"] {
  color-scheme: light;
  --sh-float: 0 50px 40px color-mix(in srgb, var(--shadow-c) 2%, transparent), 0 20px 40px color-mix(in srgb, var(--shadow-c) 6%, transparent), 0 3px 10px color-mix(in srgb, var(--shadow-c) 9%, transparent);
  --sh-note: 0 1px 2px color-mix(in srgb, var(--shadow-c) 7%, transparent), 0 8px 18px color-mix(in srgb, var(--shadow-c) 7%, transparent), 0 22px 36px color-mix(in srgb, var(--shadow-c) 5%, transparent);
  --sh-btn: 0 1px 2px color-mix(in srgb, var(--shadow-c) 16%, transparent), 0 6px 14px color-mix(in srgb, var(--shadow-c) 14%, transparent);
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --grain-op: 0.09;
  --glow: rgba(255, 255, 255, 0.5);
  --nav-bg: color-mix(in srgb, var(--surface) 72%, transparent);
}

/* 무채색 · 어둡게 (기본) */
:root,
.ayse-theme,
:root[data-color="mono"][data-mode="dark"],
.ayse-theme[data-color="mono"][data-mode="dark"] {
  --canvas: #141313;
  --hero-a: #252423;
  --hero-b: #1a1919;
  --panel: #191818;
  --surface: #20201f;
  --surface-2: #2a2929;
  --field: #1b1a19;
  --paper: #3e3d3b;
  --ink: #f0eeec;
  --ink-2: #bfbdbb;
  --ink-3: #9a9896;
  --line: #393837;
  --line-2: #747371;
  --accent: #c6c4c1;
  --on-accent: #141414;
  --accent-ink: #bfbdbb;
  --accent-soft: #302f2d;
  --btn: #f0eeec;
  --btn-ink: #141313;
  --btn-hover: #d1cfce;
  --n-pink: #878684;
  --n-green: #7b7a78;
  --n-yellow: #9f9e9c;
  --n-blue: #939290;
  --n-pink-bg: #252424;
  --n-green-bg: #252424;
  --n-yellow-bg: #252424;
  --n-blue-bg: #252424;
  --sticker-bg: #4e4d4c;
  --sticker-ink: #f0eeec;
  --off-bg: #242423;
  --off-stripe: #403f3f;
  --due-bg: #383837;
  --due-dot: #b2b1af;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341a18;
  --danger-line: #b65047;
  --danger-head: #e8796e;
  --danger-ink: #f8d5d0;
  --scrap-a: #393836;
  --scrap-a-dots: #5a5957;
  --scrap-b: #313030;
  --scrap-line: #50504f;
  --scrap-ink: #8b8988;
  --dots: #3f3e3d;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #302f2d;
  --shadow-c: #020202;
}

/* 코랄 핑크 · 웜 · 어둡게 */
:root[data-color="pink-warm"][data-mode="dark"],
.ayse-theme[data-color="pink-warm"][data-mode="dark"] {
  --canvas: #181210;
  --hero-a: #341e1a;
  --hero-b: #211614;
  --panel: #1d1615;
  --surface: #251e1d;
  --surface-2: #302726;
  --field: #1f1817;
  --paper: #4e3733;
  --ink: #f6ede5;
  --ink-2: #c8bbb1;
  --ink-3: #a2968c;
  --line: #3f3534;
  --line-2: #7f706d;
  --accent: #ecaba0;
  --on-accent: #1e0f0d;
  --accent-ink: #eeaa9f;
  --accent-soft: #412723;
  --btn: #f6ede5;
  --btn-ink: #181210;
  --btn-hover: #d7cec7;
  --n-pink: #986563;
  --n-green: #6c7b5a;
  --n-yellow: #8d6f3a;
  --n-blue: #5f7790;
  --n-pink-bg: #2b2221;
  --n-green-bg: #232620;
  --n-yellow-bg: #29241b;
  --n-blue-bg: #212529;
  --sticker-bg: #5c4a2c;
  --sticker-ink: #f6ede5;
  --off-bg: #2e201f;
  --off-stripe: #523836;
  --due-bg: #423622;
  --due-dot: #cfab6e;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341a1d;
  --danger-line: #b54e5c;
  --danger-head: #e87684;
  --danger-ink: #f7d4d6;
  --scrap-a: #263a4e;
  --scrap-a-dots: #4b5a69;
  --scrap-b: #382f1f;
  --scrap-line: #5c4d35;
  --scrap-ink: #958680;
  --dots: #4d3934;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #412723;
  --shadow-c: #030101;
}

/* 라일락 핑크 · 쿨 · 어둡게 */
:root[data-color="pink-cool"][data-mode="dark"],
.ayse-theme[data-color="pink-cool"][data-mode="dark"] {
  --canvas: #171114;
  --hero-a: #331c26;
  --hero-b: #21161a;
  --panel: #1c1619;
  --surface: #251e20;
  --surface-2: #2f272a;
  --field: #1e181b;
  --paper: #4b363f;
  --ink: #f1ecf6;
  --ink-2: #c2bac8;
  --ink-3: #9c95a2;
  --line: #3e3539;
  --line-2: #7e6f75;
  --accent: #e6aec6;
  --on-accent: #1d0f15;
  --accent-ink: #e5aac3;
  --accent-soft: #3f2731;
  --btn: #f1ecf6;
  --btn-ink: #171114;
  --btn-hover: #d2cdd6;
  --n-pink: #916678;
  --n-green: #557f70;
  --n-yellow: #7d763f;
  --n-blue: #5f7696;
  --n-pink-bg: #2a2225;
  --n-green-bg: #1f2624;
  --n-yellow-bg: #26251c;
  --n-blue-bg: #21252a;
  --sticker-bg: #524e2f;
  --sticker-ink: #f1ecf6;
  --off-bg: #2c2025;
  --off-stripe: #4f3842;
  --due-bg: #3b3924;
  --due-dot: #bbb374;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341b17;
  --danger-line: #b65142;
  --danger-head: #e87a69;
  --danger-ink: #f8d5cf;
  --scrap-a: #1e3f33;
  --scrap-a-dots: #445e56;
  --scrap-b: #333120;
  --scrap-line: #545137;
  --scrap-ink: #92848e;
  --dots: #4c3741;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #3f2731;
  --shadow-c: #030102;
}

/* 모브 · 웜 · 어둡게 */
:root[data-color="purple-warm"][data-mode="dark"],
.ayse-theme[data-color="purple-warm"][data-mode="dark"] {
  --canvas: #151217;
  --hero-a: #2e1d33;
  --hero-b: #1e1621;
  --panel: #1a171c;
  --surface: #221e24;
  --surface-2: #2c282e;
  --field: #1c191d;
  --paper: #453849;
  --ink: #f7ece7;
  --ink-2: #c9bab3;
  --ink-3: #a4958e;
  --line: #3b363d;
  --line-2: #7a717d;
  --accent: #b494bd;
  --on-accent: #18101b;
  --accent-ink: #be9dc8;
  --accent-soft: #38293c;
  --btn: #f7ece7;
  --btn-ink: #151217;
  --btn-hover: #d7cdca;
  --n-pink: #986563;
  --n-green: #6c7b5a;
  --n-yellow: #8d6f3a;
  --n-blue: #5f7790;
  --n-pink-bg: #2b2221;
  --n-green-bg: #232620;
  --n-yellow-bg: #29241b;
  --n-blue-bg: #212529;
  --sticker-bg: #5c4a2c;
  --sticker-ink: #f7ece7;
  --off-bg: #2e201f;
  --off-stripe: #523836;
  --due-bg: #423622;
  --due-dot: #cfab6e;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341a18;
  --danger-line: #b65047;
  --danger-head: #e8796e;
  --danger-ink: #f8d5d0;
  --scrap-a: #2e3d25;
  --scrap-a-dots: #525d48;
  --scrap-b: #382f1f;
  --scrap-line: #5c4d35;
  --scrap-ink: #93858d;
  --dots: #48384a;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #38293c;
  --shadow-c: #020103;
}

/* 라벤더 · 쿨 · 어둡게 */
:root[data-color="purple-cool"][data-mode="dark"],
.ayse-theme[data-color="purple-cool"][data-mode="dark"] {
  --canvas: #131318;
  --hero-a: #242039;
  --hero-b: #191824;
  --panel: #18181d;
  --surface: #201f25;
  --surface-2: #292930;
  --field: #1a191f;
  --paper: #3d3a4e;
  --ink: #eceef8;
  --ink-2: #bbbdcb;
  --ink-3: #9597a5;
  --line: #38373f;
  --line-2: #73727f;
  --accent: #b6afe8;
  --on-accent: #14121e;
  --accent-ink: #bcb5f1;
  --accent-soft: #2f2c42;
  --btn: #eceef8;
  --btn-ink: #131318;
  --btn-hover: #cecfd9;
  --n-pink: #916678;
  --n-green: #557f70;
  --n-yellow: #7d763f;
  --n-blue: #5f7696;
  --n-pink-bg: #2a2225;
  --n-green-bg: #1f2624;
  --n-yellow-bg: #26251c;
  --n-blue-bg: #21252a;
  --sticker-bg: #524e2f;
  --sticker-ink: #eceef8;
  --off-bg: #2c2025;
  --off-stripe: #4f3842;
  --due-bg: #3b3924;
  --due-dot: #bbb374;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341a18;
  --danger-line: #b65047;
  --danger-head: #e8796e;
  --danger-ink: #f8d5d0;
  --scrap-a: #1f3f32;
  --scrap-a-dots: #445f56;
  --scrap-b: #333120;
  --scrap-line: #545137;
  --scrap-ink: #888799;
  --dots: #3e3b52;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #2f2c42;
  --shadow-c: #020103;
}

/* 데님 · 웜 · 어둡게 */
:root[data-color="blue-warm"][data-mode="dark"],
.ayse-theme[data-color="blue-warm"][data-mode="dark"] {
  --canvas: #0f1418;
  --hero-a: #172632;
  --hero-b: #131a20;
  --panel: #14191d;
  --surface: #1b2125;
  --surface-2: #242b30;
  --field: #161b1f;
  --paper: #2d404e;
  --ink: #f3eee4;
  --ink-2: #c4bdb0;
  --ink-3: #9e978b;
  --line: #32393f;
  --line-2: #6a767f;
  --accent: #82a0b7;
  --on-accent: #09151e;
  --accent-ink: #8fafc8;
  --accent-soft: #1c3242;
  --btn: #f3eee4;
  --btn-ink: #0f1418;
  --btn-hover: #d3cfc7;
  --n-pink: #986563;
  --n-green: #6c7b5a;
  --n-yellow: #8d6f3a;
  --n-blue: #5f7790;
  --n-pink-bg: #2b2221;
  --n-green-bg: #232620;
  --n-yellow-bg: #29241b;
  --n-blue-bg: #212529;
  --sticker-bg: #5c4a2c;
  --sticker-ink: #f3eee4;
  --off-bg: #2e201f;
  --off-stripe: #523836;
  --due-bg: #423622;
  --due-dot: #cfab6e;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341a18;
  --danger-line: #b65047;
  --danger-head: #e8796e;
  --danger-ink: #f8d5d0;
  --scrap-a: #49331f;
  --scrap-a-dots: #685542;
  --scrap-b: #382f1f;
  --scrap-line: #5c4d35;
  --scrap-ink: #858a8b;
  --dots: #344049;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #1c3242;
  --shadow-c: #010203;
}

/* 하늘 · 쿨 · 어둡게 */
:root[data-color="blue-cool"][data-mode="dark"],
.ayse-theme[data-color="blue-cool"][data-mode="dark"] {
  --canvas: #0e1417;
  --hero-a: #062836;
  --hero-b: #0d1c22;
  --panel: #13191c;
  --surface: #1a2124;
  --surface-2: #232b2f;
  --field: #151b1e;
  --paper: #2a414c;
  --ink: #e6f0f7;
  --ink-2: #b2c0c9;
  --ink-3: #8d9aa3;
  --line: #31393e;
  --line-2: #68767e;
  --accent: #93cdea;
  --on-accent: #07161d;
  --accent-ink: #8ac7e5;
  --accent-soft: #18333f;
  --btn: #e6f0f7;
  --btn-ink: #0e1417;
  --btn-hover: #c8d1d8;
  --n-pink: #916678;
  --n-green: #557f70;
  --n-yellow: #7d763f;
  --n-blue: #5f7696;
  --n-pink-bg: #2a2225;
  --n-green-bg: #1f2624;
  --n-yellow-bg: #26251c;
  --n-blue-bg: #21252a;
  --sticker-bg: #524e2f;
  --sticker-ink: #e6f0f7;
  --off-bg: #2c2025;
  --off-stripe: #4f3842;
  --due-bg: #3b3924;
  --due-dot: #bbb374;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341a18;
  --danger-line: #b65047;
  --danger-head: #e8796e;
  --danger-ink: #f8d5d0;
  --scrap-a: #4c2e33;
  --scrap-a-dots: #685156;
  --scrap-b: #333120;
  --scrap-line: #545137;
  --scrap-ink: #768c97;
  --dots: #23424f;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #18333f;
  --shadow-c: #000203;
}

/* 허니 · 웜 · 어둡게 */
:root[data-color="yellow-warm"][data-mode="dark"],
.ayse-theme[data-color="yellow-warm"][data-mode="dark"] {
  --canvas: #16130f;
  --hero-a: #2f2210;
  --hero-b: #1f1810;
  --panel: #1b1814;
  --surface: #231f1b;
  --surface-2: #2d2924;
  --field: #1d1915;
  --paper: #473b2c;
  --ink: #f4ede4;
  --ink-2: #c5bcb0;
  --ink-3: #a0978b;
  --line: #3c3731;
  --line-2: #7b7267;
  --accent: #ddae72;
  --on-accent: #1b1207;
  --accent-ink: #e6b374;
  --accent-soft: #3c2c18;
  --btn: #f4ede4;
  --btn-ink: #16130f;
  --btn-hover: #d5cec6;
  --n-pink: #986563;
  --n-green: #6c7b5a;
  --n-yellow: #8d6f3a;
  --n-blue: #5f7790;
  --n-pink-bg: #2b2221;
  --n-green-bg: #232620;
  --n-yellow-bg: #29241b;
  --n-blue-bg: #212529;
  --sticker-bg: #5c4a2c;
  --sticker-ink: #f4ede4;
  --off-bg: #2e201f;
  --off-stripe: #523836;
  --due-bg: #423622;
  --due-dot: #cfab6e;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341a18;
  --danger-line: #b65047;
  --danger-head: #e8796e;
  --danger-ink: #f8d5d0;
  --scrap-a: #263a4e;
  --scrap-a-dots: #4b5a69;
  --scrap-b: #382f1f;
  --scrap-line: #5c4d35;
  --scrap-ink: #92887a;
  --dots: #493c2c;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #3c2c18;
  --shadow-c: #030100;
}

/* 레몬 크림 · 쿨 · 어둡게 */
:root[data-color="yellow-cool"][data-mode="dark"],
.ayse-theme[data-color="yellow-cool"][data-mode="dark"] {
  --canvas: #141310;
  --hero-a: #262517;
  --hero-b: #1a1a13;
  --panel: #191815;
  --surface: #20201d;
  --surface-2: #2a2a26;
  --field: #1a1a17;
  --paper: #3f3e33;
  --ink: #e5f1f6;
  --ink-2: #b1c1c8;
  --ink-3: #8c9ba2;
  --line: #383834;
  --line-2: #757467;
  --accent: #dcd79a;
  --on-accent: #161407;
  --accent-ink: #c6c181;
  --accent-soft: #323017;
  --btn: #e5f1f6;
  --btn-ink: #141310;
  --btn-hover: #c8d2d6;
  --n-pink: #916678;
  --n-green: #557f70;
  --n-yellow: #7d763f;
  --n-blue: #5f7696;
  --n-pink-bg: #2a2225;
  --n-green-bg: #1f2624;
  --n-yellow-bg: #26251c;
  --n-blue-bg: #21252a;
  --sticker-bg: #524e2f;
  --sticker-ink: #e5f1f6;
  --off-bg: #2c2025;
  --off-stripe: #4f3842;
  --due-bg: #3b3924;
  --due-dot: #bbb374;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341a18;
  --danger-line: #b65047;
  --danger-head: #e8796e;
  --danger-ink: #f8d5d0;
  --scrap-a: #37344e;
  --scrap-a-dots: #56566c;
  --scrap-b: #333120;
  --scrap-line: #545137;
  --scrap-ink: #868b87;
  --dots: #3f4034;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #323017;
  --shadow-c: #020200;
}

/* 세이지 · 웜 · 어둡게 */
:root[data-color="green-warm"][data-mode="dark"],
.ayse-theme[data-color="green-warm"][data-mode="dark"] {
  --canvas: #12140f;
  --hero-a: #1f2817;
  --hero-b: #171b13;
  --panel: #161914;
  --surface: #1e211c;
  --surface-2: #272b24;
  --field: #181b16;
  --paper: #36412e;
  --ink: #f2eee4;
  --ink-2: #c2beb0;
  --ink-3: #9d988b;
  --line: #353a32;
  --line-2: #6f766a;
  --accent: #99ac8b;
  --on-accent: #10160a;
  --accent-ink: #a2b593;
  --accent-soft: #28331e;
  --btn: #f2eee4;
  --btn-ink: #12140f;
  --btn-hover: #d3cfc6;
  --n-pink: #986563;
  --n-green: #6c7b5a;
  --n-yellow: #8d6f3a;
  --n-blue: #5f7790;
  --n-pink-bg: #2b2221;
  --n-green-bg: #232620;
  --n-yellow-bg: #29241b;
  --n-blue-bg: #212529;
  --sticker-bg: #5c4a2c;
  --sticker-ink: #f2eee4;
  --off-bg: #2e201f;
  --off-stripe: #523836;
  --due-bg: #423622;
  --due-dot: #cfab6e;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341a18;
  --danger-line: #b65047;
  --danger-head: #e8796e;
  --danger-ink: #f8d5d0;
  --scrap-a: #4d2e2d;
  --scrap-a-dots: #6b514e;
  --scrap-b: #382f1f;
  --scrap-line: #5c4d35;
  --scrap-ink: #898b7e;
  --dots: #3a4232;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #28331e;
  --shadow-c: #010201;
}

/* 민트 · 쿨 · 어둡게 */
:root[data-color="green-cool"][data-mode="dark"],
.ayse-theme[data-color="green-cool"][data-mode="dark"] {
  --canvas: #0e1513;
  --hero-a: #0a2b22;
  --hero-b: #0f1d18;
  --panel: #131a18;
  --surface: #1b221f;
  --surface-2: #232c29;
  --field: #151c19;
  --paper: #2a433b;
  --ink: #e4f2f2;
  --ink-2: #b0c2c3;
  --ink-3: #8b9c9d;
  --line: #313a37;
  --line-2: #687772;
  --accent: #99d2bf;
  --on-accent: #071712;
  --accent-ink: #90cdb9;
  --accent-soft: #17362d;
  --btn: #e4f2f2;
  --btn-ink: #0e1513;
  --btn-hover: #c6d3d3;
  --n-pink: #916678;
  --n-green: #557f70;
  --n-yellow: #7d763f;
  --n-blue: #5f7696;
  --n-pink-bg: #2a2225;
  --n-green-bg: #1f2624;
  --n-yellow-bg: #26251c;
  --n-blue-bg: #21252a;
  --sticker-bg: #524e2f;
  --sticker-ink: #e4f2f2;
  --off-bg: #2c2025;
  --off-stripe: #4f3842;
  --due-bg: #3b3924;
  --due-dot: #bbb374;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341a18;
  --danger-line: #b65047;
  --danger-head: #e8796e;
  --danger-ink: #f8d5d0;
  --scrap-a: #2b384f;
  --scrap-a-dots: #4c596c;
  --scrap-b: #333120;
  --scrap-line: #545137;
  --scrap-ink: #778f8a;
  --dots: #26453d;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #17362d;
  --shadow-c: #000202;
}

/* 테라코타 · 웜 · 어둡게 */
:root[data-color="red-warm"][data-mode="dark"],
.ayse-theme[data-color="red-warm"][data-mode="dark"] {
  --canvas: #181210;
  --hero-a: #3a1b0e;
  --hero-b: #25150f;
  --panel: #1d1714;
  --surface: #251e1c;
  --surface-2: #302825;
  --field: #1f1916;
  --paper: #4d372f;
  --ink: #f6ede5;
  --ink-2: #c8bbb1;
  --ink-3: #a2968c;
  --line: #3f3632;
  --line-2: #80716c;
  --accent: #cd8366;
  --on-accent: #1d100b;
  --accent-ink: #ea9b7c;
  --accent-soft: #40281f;
  --btn: #f6ede5;
  --btn-ink: #181210;
  --btn-hover: #d7cec7;
  --n-pink: #986563;
  --n-green: #6c7b5a;
  --n-yellow: #8d6f3a;
  --n-blue: #5f7790;
  --n-pink-bg: #2b2221;
  --n-green-bg: #232620;
  --n-yellow-bg: #29241b;
  --n-blue-bg: #212529;
  --sticker-bg: #5c4a2c;
  --sticker-ink: #f6ede5;
  --off-bg: #2e201f;
  --off-stripe: #523836;
  --due-bg: #423622;
  --due-dot: #cfab6e;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341a1d;
  --danger-line: #b54e5c;
  --danger-head: #e87684;
  --danger-ink: #f7d4d6;
  --scrap-a: #1c3d4a;
  --scrap-a-dots: #435d66;
  --scrap-b: #382f1f;
  --scrap-line: #5c4d35;
  --scrap-ink: #98847a;
  --dots: #52362a;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #40281f;
  --shadow-c: #030101;
}

/* 로즈 레드 · 쿨 · 어둡게 */
:root[data-color="red-cool"][data-mode="dark"],
.ayse-theme[data-color="red-cool"][data-mode="dark"] {
  --canvas: #181112;
  --hero-a: #3c171e;
  --hero-b: #261316;
  --panel: #1d1617;
  --surface: #251e1f;
  --surface-2: #302728;
  --field: #1f1819;
  --paper: #4d3639;
  --ink: #f0edf7;
  --ink-2: #bfbbc9;
  --ink-3: #9a96a3;
  --line: #3f3536;
  --line-2: #7f6f71;
  --accent: #c97683;
  --on-accent: #1e0f11;
  --accent-ink: #ed93a1;
  --accent-soft: #41262a;
  --btn: #f0edf7;
  --btn-ink: #181112;
  --btn-hover: #d2ced7;
  --n-pink: #916678;
  --n-green: #557f70;
  --n-yellow: #7d763f;
  --n-blue: #5f7696;
  --n-pink-bg: #2a2225;
  --n-green-bg: #1f2624;
  --n-yellow-bg: #26251c;
  --n-blue-bg: #21252a;
  --sticker-bg: #524e2f;
  --sticker-ink: #f0edf7;
  --off-bg: #2c2025;
  --off-stripe: #4f3842;
  --due-bg: #3b3924;
  --due-dot: #bbb374;
  --success: #92cfa1;
  --success-bg: #172c1d;
  --warning: #e8c184;
  --warning-bg: #342611;
  --danger-bg: #341b14;
  --danger-line: #b55238;
  --danger-head: #e77c5f;
  --danger-ink: #f7d5cc;
  --scrap-a: #1f3f32;
  --scrap-a-dots: #455e55;
  --scrap-b: #333120;
  --scrap-line: #545137;
  --scrap-ink: #96828b;
  --dots: #53333a;
  --tape: rgba(255, 255, 255, 0.13);
  --avatar-bg: #41262a;
  --shadow-c: #030101;
}

/* 무채색 · 밝게 */
:root[data-color="mono"][data-mode="light"],
.ayse-theme[data-color="mono"][data-mode="light"] {
  --canvas: #f6f4f2;
  --hero-a: #dfdedc;
  --hero-b: #f1f0ef;
  --panel: #faf9f7;
  --surface: #fefdfd;
  --surface-2: #f0edeb;
  --field: #fcfbfa;
  --paper: #fcfbf9;
  --ink: #1f1e1d;
  --ink-2: #514f4d;
  --ink-3: #6a6866;
  --line: #dbd8d6;
  --line-2: #8a8783;
  --accent: #545250;
  --on-accent: #fdfdfd;
  --accent-ink: #6b6866;
  --accent-soft: #eae9e8;
  --btn: #1f1e1d;
  --btn-ink: #fefdfd;
  --btn-hover: #3d3c3b;
  --n-pink: #878684;
  --n-green: #787775;
  --n-yellow: #8e8c8b;
  --n-blue: #6a6967;
  --n-pink-bg: #f1f1f0;
  --n-green-bg: #f1f1f0;
  --n-yellow-bg: #f3f2f2;
  --n-blue-bg: #f1f1f0;
  --sticker-bg: #dad9d7;
  --sticker-ink: #1f1e1d;
  --off-bg: #efefee;
  --off-stripe: #d2d1cf;
  --due-bg: #e7e6e5;
  --due-dot: #848280;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffebe8;
  --danger-line: #d5685e;
  --danger-head: #bb3c35;
  --danger-ink: #742e29;
  --scrap-a: #cacaca;
  --scrap-a-dots: #e2e2e2;
  --scrap-b: #eae9e8;
  --scrap-line: #acaaa9;
  --scrap-ink: #1f1e1d;
  --dots: #fcfcfc;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #eae9e8;
  --shadow-c: #242424;
}

/* 코랄 핑크 · 웜 · 밝게 */
:root[data-color="pink-warm"][data-mode="light"],
.ayse-theme[data-color="pink-warm"][data-mode="light"] {
  --canvas: #fef2e9;
  --hero-a: #fecec5;
  --hero-b: #ffe9e5;
  --panel: #fff8f2;
  --surface: #fffdfb;
  --surface-2: #f8ebe1;
  --field: #fffaf6;
  --paper: #fffaf6;
  --ink: #251c16;
  --ink-2: #594d44;
  --ink-3: #71665d;
  --line: #e5d6ca;
  --line-2: #9b8371;
  --accent: #e5a094;
  --on-accent: #291714;
  --accent-ink: #975348;
  --accent-soft: #ffe2dd;
  --btn: #251c16;
  --btn-ink: #fffdfb;
  --btn-hover: #433a34;
  --n-pink: #b57d7b;
  --n-green: #81916d;
  --n-yellow: #a8874e;
  --n-blue: #758ea9;
  --n-pink-bg: #ffeceb;
  --n-green-bg: #edf4e5;
  --n-yellow-bg: #fef1db;
  --n-blue-bg: #e8f2fe;
  --sticker-bg: #f5d49c;
  --sticker-ink: #251c16;
  --off-bg: #feeae8;
  --off-stripe: #f0c5c3;
  --due-bg: #f8e3c1;
  --due-dot: #a07c3c;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffeaeb;
  --danger-line: #d46573;
  --danger-head: #ba3951;
  --danger-ink: #742d37;
  --scrap-a: #b0ceee;
  --scrap-a-dots: #d4e4f6;
  --scrap-b: #ffe6bd;
  --scrap-line: #c4a673;
  --scrap-ink: #251c16;
  --dots: #fffbfb;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #ffe2dd;
  --shadow-c: #2f2115;
}

/* 라일락 핑크 · 쿨 · 밝게 */
:root[data-color="pink-cool"][data-mode="light"],
.ayse-theme[data-color="pink-cool"][data-mode="light"] {
  --canvas: #f6f3f9;
  --hero-a: #fad1e1;
  --hero-b: #ffeaf2;
  --panel: #faf8fc;
  --surface: #fefdff;
  --surface-2: #f0ecf3;
  --field: #fcfafd;
  --paper: #fcfafe;
  --ink: #211c25;
  --ink-2: #534d59;
  --ink-3: #6c6571;
  --line: #dcd7df;
  --line-2: #8c8493;
  --accent: #dca0b9;
  --on-accent: #28171e;
  --accent-ink: #8f536e;
  --accent-soft: #ffe0ec;
  --btn: #211c25;
  --btn-ink: #fefdff;
  --btn-hover: #3f3a43;
  --n-pink: #ae7e92;
  --n-green: #689584;
  --n-yellow: #958d52;
  --n-blue: #748eb1;
  --n-pink-bg: #ffebf3;
  --n-green-bg: #e4f6ef;
  --n-yellow-bg: #f6f4dd;
  --n-blue-bg: #e9f2ff;
  --sticker-bg: #e3dca1;
  --sticker-ink: #211c25;
  --off-bg: #fbeaf0;
  --off-stripe: #eac5d4;
  --due-bg: #ece8c4;
  --due-dot: #8c8442;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffebe7;
  --danger-line: #d56959;
  --danger-head: #bb3d2e;
  --danger-ink: #742f25;
  --scrap-a: #a8d7c4;
  --scrap-a-dots: #cfe9df;
  --scrap-b: #f1ecbe;
  --scrap-line: #b4ad78;
  --scrap-ink: #211c25;
  --dots: #fffbfd;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #ffe0ec;
  --shadow-c: #28202f;
}

/* 모브 · 웜 · 밝게 */
:root[data-color="purple-warm"][data-mode="light"],
.ayse-theme[data-color="purple-warm"][data-mode="light"] {
  --canvas: #fef2ec;
  --hero-a: #ddc9e3;
  --hero-b: #ebe0ee;
  --panel: #fff7f4;
  --surface: #fffdfc;
  --surface-2: #f8ebe4;
  --field: #fffaf8;
  --paper: #fffaf8;
  --ink: #261b17;
  --ink-2: #5b4c46;
  --ink-3: #73655f;
  --line: #e6d5ce;
  --line-2: #9c8277;
  --accent: #795c83;
  --on-accent: #fefdff;
  --accent-ink: #795983;
  --accent-soft: #f3e3f8;
  --btn: #261b17;
  --btn-ink: #fffdfc;
  --btn-hover: #443935;
  --n-pink: #b67e7c;
  --n-green: #81916d;
  --n-yellow: #a8874e;
  --n-blue: #758faa;
  --n-pink-bg: #ffeceb;
  --n-green-bg: #edf4e5;
  --n-yellow-bg: #fef1db;
  --n-blue-bg: #e8f2fe;
  --sticker-bg: #f5d49c;
  --sticker-ink: #261b17;
  --off-bg: #feeae8;
  --off-stripe: #f0c5c3;
  --due-bg: #f8e3c1;
  --due-dot: #a07c3c;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffebe8;
  --danger-line: #d5685e;
  --danger-head: #bb3c35;
  --danger-ink: #742e29;
  --scrap-a: #bbd3af;
  --scrap-a-dots: #dae7d3;
  --scrap-b: #ffe6bd;
  --scrap-line: #c4a673;
  --scrap-ink: #261b17;
  --dots: #fefcfe;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #f3e3f8;
  --shadow-c: #301f18;
}

/* 라벤더 · 쿨 · 밝게 */
:root[data-color="purple-cool"][data-mode="light"],
.ayse-theme[data-color="purple-cool"][data-mode="light"] {
  --canvas: #f3f4fb;
  --hero-a: #dad6fa;
  --hero-b: #eeecff;
  --panel: #f8f9fe;
  --surface: #fdfdff;
  --surface-2: #ecedf6;
  --field: #fafbff;
  --paper: #fafbff;
  --ink: #1c1d27;
  --ink-2: #4d4f5c;
  --ink-3: #666774;
  --line: #d7d8e2;
  --line-2: #848698;
  --accent: #aaa2dd;
  --on-accent: #1d1a2a;
  --accent-ink: #685f9b;
  --accent-soft: #e9e6ff;
  --btn: #1c1d27;
  --btn-ink: #fdfdff;
  --btn-hover: #3a3b45;
  --n-pink: #ae7e92;
  --n-green: #689584;
  --n-yellow: #958d52;
  --n-blue: #748eb1;
  --n-pink-bg: #ffebf3;
  --n-green-bg: #e4f6ef;
  --n-yellow-bg: #f6f4dd;
  --n-blue-bg: #e9f2ff;
  --sticker-bg: #e3dca1;
  --sticker-ink: #1c1d27;
  --off-bg: #fbeaf0;
  --off-stripe: #eac5d4;
  --due-bg: #ece8c4;
  --due-dot: #8c8442;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffebe8;
  --danger-line: #d5685e;
  --danger-head: #bb3c35;
  --danger-ink: #742e29;
  --scrap-a: #aad6c2;
  --scrap-a-dots: #d0e8dd;
  --scrap-b: #f1ecbe;
  --scrap-line: #b4ad78;
  --scrap-ink: #1c1d27;
  --dots: #fcfcff;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #e9e6ff;
  --shadow-c: #212232;
}

/* 데님 · 웜 · 밝게 */
:root[data-color="blue-warm"][data-mode="light"],
.ayse-theme[data-color="blue-warm"][data-mode="light"] {
  --canvas: #faf4e9;
  --hero-a: #c1d4e3;
  --hero-b: #dce6ee;
  --panel: #fdf9f1;
  --surface: #fffdfa;
  --surface-2: #f4ede0;
  --field: #fefbf5;
  --paper: #fffbf3;
  --ink: #221d14;
  --ink-2: #564f42;
  --ink-3: #6f685c;
  --line: #e1d8c9;
  --line-2: #93866e;
  --accent: #476780;
  --on-accent: #fcfeff;
  --accent-ink: #456985;
  --accent-soft: #ddecf8;
  --btn: #221d14;
  --btn-ink: #fffdfa;
  --btn-hover: #403b32;
  --n-pink: #b67e7c;
  --n-green: #82926e;
  --n-yellow: #a8874e;
  --n-blue: #758faa;
  --n-pink-bg: #ffeceb;
  --n-green-bg: #edf4e5;
  --n-yellow-bg: #fef1db;
  --n-blue-bg: #e8f2fe;
  --sticker-bg: #f5d49c;
  --sticker-ink: #221d14;
  --off-bg: #feeae8;
  --off-stripe: #f0c5c3;
  --due-bg: #f8e3c1;
  --due-dot: #a07c3c;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffebe8;
  --danger-line: #d5685e;
  --danger-head: #bb3c35;
  --danger-ink: #742e29;
  --scrap-a: #e5c3a6;
  --scrap-a-dots: #f1dece;
  --scrap-b: #ffe6bd;
  --scrap-line: #c4a673;
  --scrap-ink: #221d14;
  --dots: #fafdff;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #ddecf8;
  --shadow-c: #2b2313;
}

/* 하늘 · 쿨 · 밝게 */
:root[data-color="blue-cool"][data-mode="light"],
.ayse-theme[data-color="blue-cool"][data-mode="light"] {
  --canvas: #eff6fb;
  --hero-a: #bde5f9;
  --hero-b: #e0f4fe;
  --panel: #f5fafd;
  --surface: #fcfeff;
  --surface-2: #e7eff5;
  --field: #f8fcfe;
  --paper: #f7fcff;
  --ink: #161f26;
  --ink-2: #45525b;
  --ink-3: #5f6b74;
  --line: #d1dbe1;
  --line-2: #7a8a96;
  --accent: #84c1de;
  --on-accent: #0d2028;
  --accent-ink: #2b708d;
  --accent-soft: #d1effe;
  --btn: #161f26;
  --btn-ink: #fcfeff;
  --btn-hover: #343d44;
  --n-pink: #af7f93;
  --n-green: #699686;
  --n-yellow: #968e53;
  --n-blue: #748eb1;
  --n-pink-bg: #ffebf3;
  --n-green-bg: #e4f6ef;
  --n-yellow-bg: #f6f4dd;
  --n-blue-bg: #e9f2ff;
  --sticker-bg: #e3dca1;
  --sticker-ink: #161f26;
  --off-bg: #fbeaf0;
  --off-stripe: #eac5d4;
  --due-bg: #ece8c4;
  --due-dot: #8c8442;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffebe8;
  --danger-line: #d5685e;
  --danger-head: #bb3c35;
  --danger-ink: #742e29;
  --scrap-a: #ecbcc2;
  --scrap-a-dots: #f5dadd;
  --scrap-b: #f1ecbe;
  --scrap-line: #b4ad78;
  --scrap-ink: #161f26;
  --dots: #fafdff;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #d1effe;
  --shadow-c: #162631;
}

/* 허니 · 웜 · 밝게 */
:root[data-color="yellow-warm"][data-mode="light"],
.ayse-theme[data-color="yellow-warm"][data-mode="light"] {
  --canvas: #fdf3e6;
  --hero-a: #fcd7ab;
  --hero-b: #ffedd8;
  --panel: #fff8ef;
  --surface: #fffdfa;
  --surface-2: #f7ecdd;
  --field: #fffaf4;
  --paper: #fffaf4;
  --ink: #231d15;
  --ink-2: #574e43;
  --ink-3: #6f675c;
  --line: #e4d7c5;
  --line-2: #988469;
  --accent: #e3b071;
  --on-accent: #261b0c;
  --accent-ink: #8f5d04;
  --accent-soft: #fbe6cd;
  --btn: #231d15;
  --btn-ink: #fffdfa;
  --btn-hover: #423b32;
  --n-pink: #b67e7c;
  --n-green: #81916d;
  --n-yellow: #a8874e;
  --n-blue: #758faa;
  --n-pink-bg: #ffeceb;
  --n-green-bg: #edf4e5;
  --n-yellow-bg: #fef1db;
  --n-blue-bg: #e8f2fe;
  --sticker-bg: #f5d49c;
  --sticker-ink: #231d15;
  --off-bg: #feeae8;
  --off-stripe: #f0c5c3;
  --due-bg: #f8e3c1;
  --due-dot: #a07c3c;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffebe8;
  --danger-line: #d5685e;
  --danger-head: #bb3c35;
  --danger-ink: #742e29;
  --scrap-a: #b0ceee;
  --scrap-a-dots: #d4e4f6;
  --scrap-b: #ffe6bd;
  --scrap-line: #c4a673;
  --scrap-ink: #231d15;
  --dots: #fefcfa;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #fbe6cd;
  --shadow-c: #2d2213;
}

/* 레몬 크림 · 쿨 · 밝게 */
:root[data-color="yellow-cool"][data-mode="light"],
.ayse-theme[data-color="yellow-cool"][data-mode="light"] {
  --canvas: #f0f6f8;
  --hero-a: #efebb6;
  --hero-b: #f3f2d8;
  --panel: #f6fafc;
  --surface: #fcfefe;
  --surface-2: #e8eff2;
  --field: #f9fcfd;
  --paper: #f8fcfd;
  --ink: #152025;
  --ink-2: #435359;
  --ink-3: #5d6b71;
  --line: #d3dbde;
  --line-2: #7b8a91;
  --accent: #e1db95;
  --on-accent: #1f1e0c;
  --accent-ink: #726a19;
  --accent-soft: #edebcd;
  --btn: #152025;
  --btn-ink: #fcfefe;
  --btn-hover: #343e43;
  --n-pink: #af7f93;
  --n-green: #699686;
  --n-yellow: #968e53;
  --n-blue: #748eb1;
  --n-pink-bg: #ffebf3;
  --n-green-bg: #e4f6ef;
  --n-yellow-bg: #f6f4dd;
  --n-blue-bg: #e9f2ff;
  --sticker-bg: #e3dca1;
  --sticker-ink: #152025;
  --off-bg: #fbeaf0;
  --off-stripe: #eac5d4;
  --due-bg: #ece8c4;
  --due-dot: #8c8442;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffebe8;
  --danger-line: #d5685e;
  --danger-head: #bb3c35;
  --danger-ink: #742e29;
  --scrap-a: #c9c5ed;
  --scrap-a-dots: #e1dff5;
  --scrap-b: #f1ecbe;
  --scrap-line: #b4ad78;
  --scrap-ink: #152025;
  --dots: #fdfdfa;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #edebcd;
  --shadow-c: #13272f;
}

/* 세이지 · 웜 · 밝게 */
:root[data-color="green-warm"][data-mode="light"],
.ayse-theme[data-color="green-warm"][data-mode="light"] {
  --canvas: #f8f4e8;
  --hero-a: #ccdac1;
  --hero-b: #e3ebde;
  --panel: #fcf9f0;
  --surface: #fffdfa;
  --surface-2: #f2eedf;
  --field: #fdfbf5;
  --paper: #fefbf3;
  --ink: #211e14;
  --ink-2: #545042;
  --ink-3: #6d695c;
  --line: #dfd9c8;
  --line-2: #90876c;
  --accent: #617254;
  --on-accent: #fcfefb;
  --accent-ink: #5b6d4c;
  --accent-soft: #e3eedb;
  --btn: #211e14;
  --btn-ink: #fffdfa;
  --btn-hover: #3f3c32;
  --n-pink: #b57d7b;
  --n-green: #81916d;
  --n-yellow: #a8874e;
  --n-blue: #758ea9;
  --n-pink-bg: #ffeceb;
  --n-green-bg: #edf4e5;
  --n-yellow-bg: #fef1db;
  --n-blue-bg: #e8f2fe;
  --sticker-bg: #f5d49c;
  --sticker-ink: #211e14;
  --off-bg: #feeae8;
  --off-stripe: #f0c5c3;
  --due-bg: #f8e3c1;
  --due-dot: #a07c3c;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffebe8;
  --danger-line: #d5685e;
  --danger-head: #bb3c35;
  --danger-ink: #742e29;
  --scrap-a: #edbdba;
  --scrap-a-dots: #f5dbd9;
  --scrap-b: #ffe6bd;
  --scrap-line: #c4a673;
  --scrap-ink: #211e14;
  --dots: #fbfdfa;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #e3eedb;
  --shadow-c: #292413;
}

/* 민트 · 쿨 · 밝게 */
:root[data-color="green-cool"][data-mode="light"],
.ayse-theme[data-color="green-cool"][data-mode="light"] {
  --canvas: #eef6f7;
  --hero-a: #bfe9da;
  --hero-b: #e1f6ee;
  --panel: #f4fafb;
  --surface: #fbfefe;
  --surface-2: #e6f0f0;
  --field: #f8fcfc;
  --paper: #f7fcfd;
  --ink: #142121;
  --ink-2: #425454;
  --ink-3: #5b6c6d;
  --line: #d0dcdc;
  --line-2: #778c8d;
  --accent: #93ccb9;
  --on-accent: #0c221b;
  --accent-ink: #357462;
  --accent-soft: #d2f2e7;
  --btn: #142121;
  --btn-ink: #fbfefe;
  --btn-hover: #333f3f;
  --n-pink: #af7f93;
  --n-green: #689584;
  --n-yellow: #958d52;
  --n-blue: #748eb1;
  --n-pink-bg: #ffebf3;
  --n-green-bg: #e4f6ef;
  --n-yellow-bg: #f6f4dd;
  --n-blue-bg: #e9f2ff;
  --sticker-bg: #e3dca1;
  --sticker-ink: #142121;
  --off-bg: #fbeaf0;
  --off-stripe: #eac5d4;
  --due-bg: #ece8c4;
  --due-dot: #8c8442;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffebe8;
  --danger-line: #d5685e;
  --danger-head: #bb3c35;
  --danger-ink: #742e29;
  --scrap-a: #b7cbef;
  --scrap-a-dots: #d7e2f6;
  --scrap-b: #f1ecbe;
  --scrap-line: #b4ad78;
  --scrap-ink: #142121;
  --dots: #fafdfc;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #d2f2e7;
  --shadow-c: #10282a;
}

/* 테라코타 · 웜 · 밝게 */
:root[data-color="red-warm"][data-mode="light"],
.ayse-theme[data-color="red-warm"][data-mode="light"] {
  --canvas: #fdf2e9;
  --hero-a: #e9bcaa;
  --hero-b: #edd5cc;
  --panel: #fff8f1;
  --surface: #fffdfb;
  --surface-2: #f8ebe1;
  --field: #fffaf6;
  --paper: #fffaf6;
  --ink: #241c15;
  --ink-2: #594d44;
  --ink-3: #71665d;
  --line: #e5d6ca;
  --line-2: #9a836f;
  --accent: #a05e44;
  --on-accent: #fffdfc;
  --accent-ink: #934b2f;
  --accent-soft: #ffe3d8;
  --btn: #241c15;
  --btn-ink: #fffdfb;
  --btn-hover: #423a33;
  --n-pink: #b57d7b;
  --n-green: #81916d;
  --n-yellow: #a8874e;
  --n-blue: #758ea9;
  --n-pink-bg: #ffeceb;
  --n-green-bg: #edf4e5;
  --n-yellow-bg: #fef1db;
  --n-blue-bg: #e8f2fe;
  --sticker-bg: #f5d49c;
  --sticker-ink: #241c15;
  --off-bg: #feeae8;
  --off-stripe: #f0c5c3;
  --due-bg: #f8e3c1;
  --due-dot: #a07c3c;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffeaeb;
  --danger-line: #d46573;
  --danger-head: #ba3951;
  --danger-ink: #742d37;
  --scrap-a: #a6d2e7;
  --scrap-a-dots: #cee6f2;
  --scrap-b: #ffe6bd;
  --scrap-line: #c4a673;
  --scrap-ink: #241c15;
  --dots: #fffcfa;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #ffe3d8;
  --shadow-c: #2f2115;
}

/* 로즈 레드 · 쿨 · 밝게 */
:root[data-color="red-cool"][data-mode="light"],
.ayse-theme[data-color="red-cool"][data-mode="light"] {
  --canvas: #f5f3f9;
  --hero-a: #ecb7be;
  --hero-b: #eed3d6;
  --panel: #f9f8fc;
  --surface: #fefdff;
  --surface-2: #efecf3;
  --field: #fbfafd;
  --paper: #fbfafe;
  --ink: #1f1c25;
  --ink-2: #514d5a;
  --ink-3: #6a6672;
  --line: #dad8e0;
  --line-2: #898593;
  --accent: #954755;
  --on-accent: #fffdfd;
  --accent-ink: #984253;
  --accent-soft: #ffe1e4;
  --btn: #1f1c25;
  --btn-ink: #fefdff;
  --btn-hover: #3d3a43;
  --n-pink: #ae7e92;
  --n-green: #689584;
  --n-yellow: #958d52;
  --n-blue: #748eb1;
  --n-pink-bg: #ffebf3;
  --n-green-bg: #e4f6ef;
  --n-yellow-bg: #f6f4dd;
  --n-blue-bg: #e9f2ff;
  --sticker-bg: #e3dca1;
  --sticker-ink: #1f1c25;
  --off-bg: #fbeaf0;
  --off-stripe: #eac5d4;
  --due-bg: #ece8c4;
  --due-dot: #8c8442;
  --success: #3f774d;
  --success-bg: #e3f6e6;
  --warning: #96612f;
  --warning-bg: #fff0d2;
  --danger-bg: #ffebe6;
  --danger-line: #d36a4d;
  --danger-head: #ba401c;
  --danger-ink: #74301e;
  --scrap-a: #aad6c2;
  --scrap-a-dots: #d0e8dd;
  --scrap-b: #f1ecbe;
  --scrap-line: #b4ad78;
  --scrap-ink: #1f1c25;
  --dots: #fffbfc;
  --tape: rgba(255, 252, 240, 0.62);
  --avatar-bg: #ffe1e4;
  --shadow-c: #262131;
}