/*
 * 색 묶음.
 *
 * 널리 쓰이는 것들을 우리 이름으로 옮겨 담았다. 고르는 것은 색뿐이고 자리·크기·
 * 간격은 하나도 안 바뀐다. 화면이 달라 보이면 안 된다.
 *
 * 판정에 쓰는 빨강·노랑·초록은 묶음이 가진 색을 쓰되, 바탕에 견줘 안 읽히면
 * 읽힐 때까지 밝기를 옮겨 담았다. 판정은 이 화면에서 색이 하는 유일한 일이라
 * 여기서 묻히면 안 된다.
 *
 * 이 파일은 tools 로 만든다. 손으로 고치지 말 것.
 */

/* 카본 —  */
[data-palette="carbon"] {
  --bg: #f4f4f4;
  --surface: #ffffff;
  --surface-2: #f4f4f4;
  --surface-hover: #e8e8e8;
  --surface-sink: #e0e0e0;
  --border: #e0e0e0;
  --border-strong: #c6c6c6;
  --text: #161616;
  --text-2: #525252;
  --text-3: #6f6f6f;
  --accent: #0f62fe;
  --accent-hover: #0043ce;
  --accent-soft: #edf5ff;
  --accent-text: #ffffff;
  --focus: #0f62fe;
  --brand: #0f62fe;
  --danger: #da1e28;
  --warn: #9d7600;
  --ok: #198038;
  --danger-soft: color-mix(in srgb, #da1e28 12%, #ffffff);
  --warn-soft: color-mix(in srgb, #9d7600 14%, #ffffff);
  --focus-soft: color-mix(in srgb, #0f62fe 16%, #ffffff);
  --brand-dark: #0f62fe;
}

@media (prefers-color-scheme: dark) {
  [data-palette="carbon"]:not([data-theme="light"]) {
    --bg: #161616;
    --surface: #262626;
    --surface-2: #161616;
    --surface-hover: #333333;
    --surface-sink: #393939;
    --border: #393939;
    --border-strong: #6f6f6f;
    --text: #f4f4f4;
    --text-2: #c6c6c6;
    --text-3: #8d8d8d;
    --accent: #78a9ff;
    --accent-hover: #a6c8ff;
    --accent-soft: #262626;
    --accent-text: #161616;
    --focus: #78a9ff;
    --brand: #78a9ff;
    --danger: #fa4d56;
    --warn: #f1c21b;
    --ok: #42be65;
    --danger-soft: color-mix(in srgb, #fa4d56 12%, #262626);
    --warn-soft: color-mix(in srgb, #f1c21b 14%, #262626);
    --focus-soft: color-mix(in srgb, #78a9ff 16%, #262626);
    --brand-dark: #78a9ff;
  }
}

[data-palette="carbon"][data-theme="dark"] {
  --bg: #161616;
  --surface: #262626;
  --surface-2: #161616;
  --surface-hover: #333333;
  --surface-sink: #393939;
  --border: #393939;
  --border-strong: #6f6f6f;
  --text: #f4f4f4;
  --text-2: #c6c6c6;
  --text-3: #8d8d8d;
  --accent: #78a9ff;
  --accent-hover: #a6c8ff;
  --accent-soft: #262626;
  --accent-text: #161616;
  --focus: #78a9ff;
  --brand: #78a9ff;
  --danger: #fa4d56;
  --warn: #f1c21b;
  --ok: #42be65;
  --danger-soft: color-mix(in srgb, #fa4d56 12%, #262626);
  --warn-soft: color-mix(in srgb, #f1c21b 14%, #262626);
  --focus-soft: color-mix(in srgb, #78a9ff 16%, #262626);
  --brand-dark: #78a9ff;
}

/* 프라이머 —  */
[data-palette="primer"] {
  --bg: #f6f8fa;
  --surface: #ffffff;
  --surface-2: #f6f8fa;
  --surface-hover: #f6f8fa;
  --surface-sink: #d1d9e0;
  --border: #d1d9e0;
  --border-strong: #818b98;
  --text: #1f2328;
  --text-2: #59636e;
  --text-3: #818b98;
  --accent: #0969da;
  --accent-hover: #0550ae;
  --accent-soft: #ddf4ff;
  --accent-text: #ffffff;
  --focus: #0969da;
  --brand: #0969da;
  --danger: #d1242f;
  --warn: #9a6700;
  --ok: #1a7f37;
  --danger-soft: color-mix(in srgb, #d1242f 12%, #ffffff);
  --warn-soft: color-mix(in srgb, #9a6700 14%, #ffffff);
  --focus-soft: color-mix(in srgb, #0969da 16%, #ffffff);
  --brand-dark: #0969da;
}

@media (prefers-color-scheme: dark) {
  [data-palette="primer"]:not([data-theme="light"]) {
    --bg: #010409;
    --surface: #0d1117;
    --surface-2: #151b23;
    --surface-hover: #151b23;
    --surface-sink: #3d444d;
    --border: #3d444d;
    --border-strong: #656c76;
    --text: #f0f6fc;
    --text-2: #9198a1;
    --text-3: #656c76;
    --accent: #4493f8;
    --accent-hover: #2a7aef;
    --accent-soft: #151b23;
    --accent-text: #010409;
    --focus: #4493f8;
    --brand: #4493f8;
    --danger: #f85149;
    --warn: #d29922;
    --ok: #3fb950;
    --danger-soft: color-mix(in srgb, #f85149 12%, #0d1117);
    --warn-soft: color-mix(in srgb, #d29922 14%, #0d1117);
    --focus-soft: color-mix(in srgb, #4493f8 16%, #0d1117);
    --brand-dark: #4493f8;
  }
}

[data-palette="primer"][data-theme="dark"] {
  --bg: #010409;
  --surface: #0d1117;
  --surface-2: #151b23;
  --surface-hover: #151b23;
  --surface-sink: #3d444d;
  --border: #3d444d;
  --border-strong: #656c76;
  --text: #f0f6fc;
  --text-2: #9198a1;
  --text-3: #656c76;
  --accent: #4493f8;
  --accent-hover: #2a7aef;
  --accent-soft: #151b23;
  --accent-text: #010409;
  --focus: #4493f8;
  --brand: #4493f8;
  --danger: #f85149;
  --warn: #d29922;
  --ok: #3fb950;
  --danger-soft: color-mix(in srgb, #f85149 12%, #0d1117);
  --warn-soft: color-mix(in srgb, #d29922 14%, #0d1117);
  --focus-soft: color-mix(in srgb, #4493f8 16%, #0d1117);
  --brand-dark: #4493f8;
}

/* 레딕스 —  */
[data-palette="radix"] {
  --bg: #f9f9fb;
  --surface: #fcfcfd;
  --surface-2: #f0f0f3;
  --surface-hover: #e8e8ec;
  --surface-sink: #e0e1e6;
  --border: #d9d9e0;
  --border-strong: #cdced6;
  --text: #1c2024;
  --text-2: #60646c;
  --text-3: #8b8d98;
  --accent: #6e56cf;
  --accent-hover: #654dc4;
  --accent-soft: #f0f0f3;
  --accent-text: #fcfcfd;
  --focus: #6e56cf;
  --brand: #6550b9;
  --danger: #ce2c31;
  --warn: #ab6400;
  --ok: #218358;
  --danger-soft: color-mix(in srgb, #ce2c31 12%, #fcfcfd);
  --warn-soft: color-mix(in srgb, #ab6400 14%, #fcfcfd);
  --focus-soft: color-mix(in srgb, #6e56cf 16%, #fcfcfd);
  --brand-dark: #6550b9;
}

@media (prefers-color-scheme: dark) {
  [data-palette="radix"]:not([data-theme="light"]) {
    --bg: #111113;
    --surface: #18191b;
    --surface-2: #212225;
    --surface-hover: #272a2d;
    --surface-sink: #2e3135;
    --border: #363a3f;
    --border-strong: #43484e;
    --text: #edeef0;
    --text-2: #b0b4ba;
    --text-3: #777b84;
    --accent: #6e56cf;
    --accent-hover: #7d66d9;
    --accent-soft: #272a2d;
    --accent-text: #edeef0;
    --focus: #7d66d9;
    --brand: #baa7ff;
    --danger: #ff9592;
    --warn: #ffca16;
    --ok: #3dd68c;
    --danger-soft: color-mix(in srgb, #ff9592 12%, #18191b);
    --warn-soft: color-mix(in srgb, #ffca16 14%, #18191b);
    --focus-soft: color-mix(in srgb, #7d66d9 16%, #18191b);
    --brand-dark: #baa7ff;
  }
}

[data-palette="radix"][data-theme="dark"] {
  --bg: #111113;
  --surface: #18191b;
  --surface-2: #212225;
  --surface-hover: #272a2d;
  --surface-sink: #2e3135;
  --border: #363a3f;
  --border-strong: #43484e;
  --text: #edeef0;
  --text-2: #b0b4ba;
  --text-3: #777b84;
  --accent: #6e56cf;
  --accent-hover: #7d66d9;
  --accent-soft: #272a2d;
  --accent-text: #edeef0;
  --focus: #7d66d9;
  --brand: #baa7ff;
  --danger: #ff9592;
  --warn: #ffca16;
  --ok: #3dd68c;
  --danger-soft: color-mix(in srgb, #ff9592 12%, #18191b);
  --warn-soft: color-mix(in srgb, #ffca16 14%, #18191b);
  --focus-soft: color-mix(in srgb, #7d66d9 16%, #18191b);
  --brand-dark: #baa7ff;
}

/* 모래 —  */
[data-palette="sand"] {
  --bg: #f9f9f8;
  --surface: #fdfdfc;
  --surface-2: #f1f0ef;
  --surface-hover: #e9e8e6;
  --surface-sink: #e2e1de;
  --border: #dad9d6;
  --border-strong: #cfceca;
  --text: #21201c;
  --text-2: #63635e;
  --text-3: #8d8d86;
  --accent: #7d5e54;
  --accent-hover: #957468;
  --accent-soft: #f1f0ef;
  --accent-text: #fdfdfc;
  --focus: #7d5e54;
  --brand: #957468;
  --danger: #ce2c31;
  --warn: #ab6400;
  --ok: #218358;
  --danger-soft: color-mix(in srgb, #ce2c31 12%, #fdfdfc);
  --warn-soft: color-mix(in srgb, #ab6400 14%, #fdfdfc);
  --focus-soft: color-mix(in srgb, #7d5e54 16%, #fdfdfc);
  --brand-dark: #957468;
}

@media (prefers-color-scheme: dark) {
  [data-palette="sand"]:not([data-theme="light"]) {
    --bg: #111110;
    --surface: #191918;
    --surface-2: #222221;
    --surface-hover: #2a2a28;
    --surface-sink: #31312e;
    --border: #3b3a37;
    --border-strong: #494844;
    --text: #eeeeec;
    --text-2: #b5b3ad;
    --text-3: #7c7b74;
    --accent: #d4b3a5;
    --accent-hover: #a18072;
    --accent-soft: #2a2a28;
    --accent-text: #111110;
    --focus: #d4b3a5;
    --brand: #ae8c7e;
    --danger: #ff9592;
    --warn: #ffca16;
    --ok: #3dd68c;
    --danger-soft: color-mix(in srgb, #ff9592 12%, #191918);
    --warn-soft: color-mix(in srgb, #ffca16 14%, #191918);
    --focus-soft: color-mix(in srgb, #d4b3a5 16%, #191918);
    --brand-dark: #ae8c7e;
  }
}

[data-palette="sand"][data-theme="dark"] {
  --bg: #111110;
  --surface: #191918;
  --surface-2: #222221;
  --surface-hover: #2a2a28;
  --surface-sink: #31312e;
  --border: #3b3a37;
  --border-strong: #494844;
  --text: #eeeeec;
  --text-2: #b5b3ad;
  --text-3: #7c7b74;
  --accent: #d4b3a5;
  --accent-hover: #a18072;
  --accent-soft: #2a2a28;
  --accent-text: #111110;
  --focus: #d4b3a5;
  --brand: #ae8c7e;
  --danger: #ff9592;
  --warn: #ffca16;
  --ok: #3dd68c;
  --danger-soft: color-mix(in srgb, #ff9592 12%, #191918);
  --warn-soft: color-mix(in srgb, #ffca16 14%, #191918);
  --focus-soft: color-mix(in srgb, #d4b3a5 16%, #191918);
  --brand-dark: #ae8c7e;
}

/* 노르드 —  */
[data-palette="nord"] {
  --bg: #e5e9f0;
  --surface: #eceff4;
  --surface-2: #e5e9f0;
  --surface-hover: #e5e9f0;
  --surface-sink: #d8dee9;
  --border: #d8dee9;
  --border-strong: #8fbcbb;
  --text: #2e3440;
  --text-2: #4c566a;
  --text-3: #4c566a;
  --accent: #5e81ac;
  --accent-hover: #81a1c1;
  --accent-soft: #e5e9f0;
  --accent-text: #000000;
  --focus: #5e81ac;
  --brand: #5e81ac;
  --danger: #a9565e;
  --warn: #7f6e4b;
  --ok: #5c7a79;
  --danger-soft: color-mix(in srgb, #a9565e 12%, #eceff4);
  --warn-soft: color-mix(in srgb, #7f6e4b 14%, #eceff4);
  --focus-soft: color-mix(in srgb, #5e81ac 16%, #eceff4);
  --brand-dark: #5e81ac;
}

@media (prefers-color-scheme: dark) {
  [data-palette="nord"]:not([data-theme="light"]) {
    --bg: #2e3440;
    --surface: #3b4252;
    --surface-2: #434c5e;
    --surface-hover: #434c5e;
    --surface-sink: #4c566a;
    --border: #434c5e;
    --border-strong: #4c566a;
    --text: #eceff4;
    --text-2: #d8dee9;
    --text-3: #8fbcbb;
    --accent: #88c0d0;
    --accent-hover: #8fbcbb;
    --accent-soft: #434c5e;
    --accent-text: #2e3440;
    --focus: #88c0d0;
    --brand: #81a1c1;
    --danger: #d6989e;
    --warn: #ebcb8b;
    --ok: #8fbcbb;
    --danger-soft: color-mix(in srgb, #d6989e 12%, #3b4252);
    --warn-soft: color-mix(in srgb, #ebcb8b 14%, #3b4252);
    --focus-soft: color-mix(in srgb, #88c0d0 16%, #3b4252);
    --brand-dark: #81a1c1;
  }
}

[data-palette="nord"][data-theme="dark"] {
  --bg: #2e3440;
  --surface: #3b4252;
  --surface-2: #434c5e;
  --surface-hover: #434c5e;
  --surface-sink: #4c566a;
  --border: #434c5e;
  --border-strong: #4c566a;
  --text: #eceff4;
  --text-2: #d8dee9;
  --text-3: #8fbcbb;
  --accent: #88c0d0;
  --accent-hover: #8fbcbb;
  --accent-soft: #434c5e;
  --accent-text: #2e3440;
  --focus: #88c0d0;
  --brand: #81a1c1;
  --danger: #d6989e;
  --warn: #ebcb8b;
  --ok: #8fbcbb;
  --danger-soft: color-mix(in srgb, #d6989e 12%, #3b4252);
  --warn-soft: color-mix(in srgb, #ebcb8b 14%, #3b4252);
  --focus-soft: color-mix(in srgb, #88c0d0 16%, #3b4252);
  --brand-dark: #81a1c1;
}

/* 솔라라이즈드 —  */
[data-palette="solarized"] {
  --bg: #eee8d5;
  --surface: #fdf6e3;
  --surface-2: #eee8d5;
  --surface-hover: #eee8d5;
  --surface-sink: #93a1a1;
  --border: #93a1a1;
  --border-strong: #839496;
  --text: #073642;
  --text-2: #586e75;
  --text-3: #7b8b8d;
  --accent: #268bd2;
  --accent-hover: #2aa198;
  --accent-soft: #eee8d5;
  --accent-text: #000000;
  --focus: #268bd2;
  --brand: #268bd2;
  --danger: #dc322f;
  --warn: #967200;
  --ok: #23857e;
  --danger-soft: color-mix(in srgb, #dc322f 12%, #fdf6e3);
  --warn-soft: color-mix(in srgb, #967200 14%, #fdf6e3);
  --focus-soft: color-mix(in srgb, #268bd2 16%, #fdf6e3);
  --brand-dark: #268bd2;
}

@media (prefers-color-scheme: dark) {
  [data-palette="solarized"]:not([data-theme="light"]) {
    --bg: #002b36;
    --surface: #073642;
    --surface-2: #002b36;
    --surface-hover: #073642;
    --surface-sink: #586e75;
    --border: #586e75;
    --border-strong: #657b83;
    --text: #fdf6e3;
    --text-2: #93a1a1;
    --text-3: #839496;
    --accent: #268bd2;
    --accent-hover: #2aa198;
    --accent-soft: #073642;
    --accent-text: #000000;
    --focus: #268bd2;
    --brand: #2aa198;
    --danger: #e66966;
    --warn: #b58900;
    --ok: #2aa198;
    --danger-soft: color-mix(in srgb, #e66966 12%, #073642);
    --warn-soft: color-mix(in srgb, #b58900 14%, #073642);
    --focus-soft: color-mix(in srgb, #268bd2 16%, #073642);
    --brand-dark: #2aa198;
  }
}

[data-palette="solarized"][data-theme="dark"] {
  --bg: #002b36;
  --surface: #073642;
  --surface-2: #002b36;
  --surface-hover: #073642;
  --surface-sink: #586e75;
  --border: #586e75;
  --border-strong: #657b83;
  --text: #fdf6e3;
  --text-2: #93a1a1;
  --text-3: #839496;
  --accent: #268bd2;
  --accent-hover: #2aa198;
  --accent-soft: #073642;
  --accent-text: #000000;
  --focus: #268bd2;
  --brand: #2aa198;
  --danger: #e66966;
  --warn: #b58900;
  --ok: #2aa198;
  --danger-soft: color-mix(in srgb, #e66966 12%, #073642);
  --warn-soft: color-mix(in srgb, #b58900 14%, #073642);
  --focus-soft: color-mix(in srgb, #268bd2 16%, #073642);
  --brand-dark: #2aa198;
}

/* 그루브박스 —  */
[data-palette="gruvbox"] {
  --bg: #f2e5bc;
  --surface: #fbf1c7;
  --surface-2: #ebdbb2;
  --surface-hover: #ebdbb2;
  --surface-sink: #d5c4a1;
  --border: #d5c4a1;
  --border-strong: #bdae93;
  --text: #282828;
  --text-2: #504945;
  --text-3: #7c6f64;
  --accent: #d65d0e;
  --accent-hover: #af3a03;
  --accent-soft: #ebdbb2;
  --accent-text: #000000;
  --focus: #076678;
  --brand: #d65d0e;
  --danger: #cc241d;
  --warn: #a06812;
  --ok: #427b58;
  --danger-soft: color-mix(in srgb, #cc241d 12%, #fbf1c7);
  --warn-soft: color-mix(in srgb, #a06812 14%, #fbf1c7);
  --focus-soft: color-mix(in srgb, #076678 16%, #fbf1c7);
  --brand-dark: #d65d0e;
}

@media (prefers-color-scheme: dark) {
  [data-palette="gruvbox"]:not([data-theme="light"]) {
    --bg: #1d2021;
    --surface: #282828;
    --surface-2: #32302f;
    --surface-hover: #3c3836;
    --surface-sink: #504945;
    --border: #3c3836;
    --border-strong: #665c54;
    --text: #fbf1c7;
    --text-2: #d5c4a1;
    --text-3: #a89984;
    --accent: #fe8019;
    --accent-hover: #fabd2f;
    --accent-soft: #3c3836;
    --accent-text: #1d2021;
    --focus: #83a598;
    --brand: #fe8019;
    --danger: #fb4934;
    --warn: #fabd2f;
    --ok: #8ec07c;
    --danger-soft: color-mix(in srgb, #fb4934 12%, #282828);
    --warn-soft: color-mix(in srgb, #fabd2f 14%, #282828);
    --focus-soft: color-mix(in srgb, #83a598 16%, #282828);
    --brand-dark: #fe8019;
  }
}

[data-palette="gruvbox"][data-theme="dark"] {
  --bg: #1d2021;
  --surface: #282828;
  --surface-2: #32302f;
  --surface-hover: #3c3836;
  --surface-sink: #504945;
  --border: #3c3836;
  --border-strong: #665c54;
  --text: #fbf1c7;
  --text-2: #d5c4a1;
  --text-3: #a89984;
  --accent: #fe8019;
  --accent-hover: #fabd2f;
  --accent-soft: #3c3836;
  --accent-text: #1d2021;
  --focus: #83a598;
  --brand: #fe8019;
  --danger: #fb4934;
  --warn: #fabd2f;
  --ok: #8ec07c;
  --danger-soft: color-mix(in srgb, #fb4934 12%, #282828);
  --warn-soft: color-mix(in srgb, #fabd2f 14%, #282828);
  --focus-soft: color-mix(in srgb, #83a598 16%, #282828);
  --brand-dark: #fe8019;
}

/* 캣푸친 —  */
[data-palette="catppuccin"] {
  --bg: #e6e9ef;
  --surface: #eff1f5;
  --surface-2: #dce0e8;
  --surface-hover: #ccd0da;
  --surface-sink: #bcc0cc;
  --border: #ccd0da;
  --border-strong: #bcc0cc;
  --text: #4c4f69;
  --text-2: #5c5f77;
  --text-3: #848697;
  --accent: #8839ef;
  --accent-hover: #7287fd;
  --accent-soft: #dce0e8;
  --accent-text: #eff1f5;
  --focus: #1e66f5;
  --brand: #8839ef;
  --danger: #d20f39;
  --warn: #a46816;
  --ok: #158187;
  --danger-soft: color-mix(in srgb, #d20f39 12%, #eff1f5);
  --warn-soft: color-mix(in srgb, #a46816 14%, #eff1f5);
  --focus-soft: color-mix(in srgb, #1e66f5 16%, #eff1f5);
  --brand-dark: #8839ef;
}

@media (prefers-color-scheme: dark) {
  [data-palette="catppuccin"]:not([data-theme="light"]) {
    --bg: #181825;
    --surface: #1e1e2e;
    --surface-2: #11111b;
    --surface-hover: #313244;
    --surface-sink: #45475a;
    --border: #313244;
    --border-strong: #45475a;
    --text: #cdd6f4;
    --text-2: #bac2de;
    --text-3: #a6adc8;
    --accent: #cba6f7;
    --accent-hover: #b4befe;
    --accent-soft: #313244;
    --accent-text: #1e1e2e;
    --focus: #89b4fa;
    --brand: #cba6f7;
    --danger: #f38ba8;
    --warn: #f9e2af;
    --ok: #94e2d5;
    --danger-soft: color-mix(in srgb, #f38ba8 12%, #1e1e2e);
    --warn-soft: color-mix(in srgb, #f9e2af 14%, #1e1e2e);
    --focus-soft: color-mix(in srgb, #89b4fa 16%, #1e1e2e);
    --brand-dark: #cba6f7;
  }
}

[data-palette="catppuccin"][data-theme="dark"] {
  --bg: #181825;
  --surface: #1e1e2e;
  --surface-2: #11111b;
  --surface-hover: #313244;
  --surface-sink: #45475a;
  --border: #313244;
  --border-strong: #45475a;
  --text: #cdd6f4;
  --text-2: #bac2de;
  --text-3: #a6adc8;
  --accent: #cba6f7;
  --accent-hover: #b4befe;
  --accent-soft: #313244;
  --accent-text: #1e1e2e;
  --focus: #89b4fa;
  --brand: #cba6f7;
  --danger: #f38ba8;
  --warn: #f9e2af;
  --ok: #94e2d5;
  --danger-soft: color-mix(in srgb, #f38ba8 12%, #1e1e2e);
  --warn-soft: color-mix(in srgb, #f9e2af 14%, #1e1e2e);
  --focus-soft: color-mix(in srgb, #89b4fa 16%, #1e1e2e);
  --brand-dark: #cba6f7;
}

/* 로제파인 —  */
[data-palette="rosepine"] {
  --bg: #faf4ed;
  --surface: #fffaf3;
  --surface-2: #f2e9e1;
  --surface-hover: #f4ede8;
  --surface-sink: #dfdad9;
  --border: #dfdad9;
  --border-strong: #cecacd;
  --text: #575279;
  --text-2: #726e8a;
  --text-3: #8f8a9b;
  --accent: #907aa9;
  --accent-hover: #286983;
  --accent-soft: #f2e9e1;
  --accent-text: #000000;
  --focus: #907aa9;
  --brand: #d7827e;
  --danger: #b4637a;
  --warn: #a26d24;
  --ok: #4c838c;
  --danger-soft: color-mix(in srgb, #b4637a 12%, #fffaf3);
  --warn-soft: color-mix(in srgb, #a26d24 14%, #fffaf3);
  --focus-soft: color-mix(in srgb, #907aa9 16%, #fffaf3);
  --brand-dark: #d7827e;
}

@media (prefers-color-scheme: dark) {
  [data-palette="rosepine"]:not([data-theme="light"]) {
    --bg: #191724;
    --surface: #1f1d2e;
    --surface-2: #21202e;
    --surface-hover: #26233a;
    --surface-sink: #403d52;
    --border: #26233a;
    --border-strong: #524f67;
    --text: #e0def4;
    --text-2: #908caa;
    --text-3: #6e6a86;
    --accent: #c4a7e7;
    --accent-hover: #ebbcba;
    --accent-soft: #26233a;
    --accent-text: #191724;
    --focus: #c4a7e7;
    --brand: #ebbcba;
    --danger: #eb6f92;
    --warn: #f6c177;
    --ok: #9ccfd8;
    --danger-soft: color-mix(in srgb, #eb6f92 12%, #1f1d2e);
    --warn-soft: color-mix(in srgb, #f6c177 14%, #1f1d2e);
    --focus-soft: color-mix(in srgb, #c4a7e7 16%, #1f1d2e);
    --brand-dark: #ebbcba;
  }
}

[data-palette="rosepine"][data-theme="dark"] {
  --bg: #191724;
  --surface: #1f1d2e;
  --surface-2: #21202e;
  --surface-hover: #26233a;
  --surface-sink: #403d52;
  --border: #26233a;
  --border-strong: #524f67;
  --text: #e0def4;
  --text-2: #908caa;
  --text-3: #6e6a86;
  --accent: #c4a7e7;
  --accent-hover: #ebbcba;
  --accent-soft: #26233a;
  --accent-text: #191724;
  --focus: #c4a7e7;
  --brand: #ebbcba;
  --danger: #eb6f92;
  --warn: #f6c177;
  --ok: #9ccfd8;
  --danger-soft: color-mix(in srgb, #eb6f92 12%, #1f1d2e);
  --warn-soft: color-mix(in srgb, #f6c177 14%, #1f1d2e);
  --focus-soft: color-mix(in srgb, #c4a7e7 16%, #1f1d2e);
  --brand-dark: #ebbcba;
}

/* 에버포레스트 —  */
[data-palette="everforest"] {
  --bg: #efebd4;
  --surface: #fdf6e3;
  --surface-2: #f4f0d9;
  --surface-hover: #e6e2cc;
  --surface-sink: #e0dcc7;
  --border: #e0dcc7;
  --border-strong: #bdc3af;
  --text: #475359;
  --text-2: #667165;
  --text-3: #828c80;
  --accent: #8da101;
  --accent-hover: #35a77c;
  --accent-soft: #e6e2cc;
  --accent-text: #000000;
  --focus: #3a94c5;
  --brand: #8da101;
  --danger: #ce4744;
  --warn: #9a6f00;
  --ok: #298361;
  --danger-soft: color-mix(in srgb, #ce4744 12%, #fdf6e3);
  --warn-soft: color-mix(in srgb, #9a6f00 14%, #fdf6e3);
  --focus-soft: color-mix(in srgb, #3a94c5 16%, #fdf6e3);
  --brand-dark: #8da101;
}

@media (prefers-color-scheme: dark) {
  [data-palette="everforest"]:not([data-theme="light"]) {
    --bg: #232a2e;
    --surface: #2d353b;
    --surface-2: #343f44;
    --surface-hover: #3d484d;
    --surface-sink: #475258;
    --border: #3d484d;
    --border-strong: #4f585e;
    --text: #d3c6aa;
    --text-2: #9da9a0;
    --text-3: #859289;
    --accent: #a7c080;
    --accent-hover: #83c092;
    --accent-soft: #3d484d;
    --accent-text: #2d353b;
    --focus: #7fbbb3;
    --brand: #a7c080;
    --danger: #f85f5c;
    --warn: #dbbc7f;
    --ok: #83c092;
    --danger-soft: color-mix(in srgb, #f85f5c 12%, #2d353b);
    --warn-soft: color-mix(in srgb, #dbbc7f 14%, #2d353b);
    --focus-soft: color-mix(in srgb, #7fbbb3 16%, #2d353b);
    --brand-dark: #a7c080;
  }
}

[data-palette="everforest"][data-theme="dark"] {
  --bg: #232a2e;
  --surface: #2d353b;
  --surface-2: #343f44;
  --surface-hover: #3d484d;
  --surface-sink: #475258;
  --border: #3d484d;
  --border-strong: #4f585e;
  --text: #d3c6aa;
  --text-2: #9da9a0;
  --text-3: #859289;
  --accent: #a7c080;
  --accent-hover: #83c092;
  --accent-soft: #3d484d;
  --accent-text: #2d353b;
  --focus: #7fbbb3;
  --brand: #a7c080;
  --danger: #f85f5c;
  --warn: #dbbc7f;
  --ok: #83c092;
  --danger-soft: color-mix(in srgb, #f85f5c 12%, #2d353b);
  --warn-soft: color-mix(in srgb, #dbbc7f 14%, #2d353b);
  --focus-soft: color-mix(in srgb, #7fbbb3 16%, #2d353b);
  --brand-dark: #a7c080;
}

/* 원 —  */
[data-palette="one"] {
  --bg: #eaeaeb;
  --surface: #fafafa;
  --surface-2: #eaeaeb;
  --surface-hover: #dbdbdc;
  --surface-sink: #dbdbdc;
  --border: #dbdbdc;
  --border-strong: #a0a1a7;
  --text: #383a42;
  --text-2: #696c77;
  --text-3: #8d8e94;
  --accent: #4078f2;
  --accent-hover: #526fff;
  --accent-soft: #eaeaeb;
  --accent-text: #000000;
  --focus: #526fff;
  --brand: #a626a4;
  --danger: #c94c41;
  --warn: #a06e01;
  --ok: #438542;
  --danger-soft: color-mix(in srgb, #c94c41 12%, #fafafa);
  --warn-soft: color-mix(in srgb, #a06e01 14%, #fafafa);
  --focus-soft: color-mix(in srgb, #526fff 16%, #fafafa);
  --brand-dark: #a626a4;
}

@media (prefers-color-scheme: dark) {
  [data-palette="one"]:not([data-theme="light"]) {
    --bg: #21252b;
    --surface: #282c34;
    --surface-2: #21252b;
    --surface-hover: #2c313a;
    --surface-sink: #3e4452;
    --border: #3e4452;
    --border-strong: #5c6370;
    --text: #b5bbc7;
    --text-2: #9599a1;
    --text-3: #6f7581;
    --accent: #61afef;
    --accent-hover: #56b6c2;
    --accent-soft: #2c313a;
    --accent-text: #282c34;
    --focus: #61afef;
    --brand: #c678dd;
    --danger: #e06c75;
    --warn: #e5c07b;
    --ok: #98c379;
    --danger-soft: color-mix(in srgb, #e06c75 12%, #282c34);
    --warn-soft: color-mix(in srgb, #e5c07b 14%, #282c34);
    --focus-soft: color-mix(in srgb, #61afef 16%, #282c34);
    --brand-dark: #c678dd;
  }
}

[data-palette="one"][data-theme="dark"] {
  --bg: #21252b;
  --surface: #282c34;
  --surface-2: #21252b;
  --surface-hover: #2c313a;
  --surface-sink: #3e4452;
  --border: #3e4452;
  --border-strong: #5c6370;
  --text: #b5bbc7;
  --text-2: #9599a1;
  --text-3: #6f7581;
  --accent: #61afef;
  --accent-hover: #56b6c2;
  --accent-soft: #2c313a;
  --accent-text: #282c34;
  --focus: #61afef;
  --brand: #c678dd;
  --danger: #e06c75;
  --warn: #e5c07b;
  --ok: #98c379;
  --danger-soft: color-mix(in srgb, #e06c75 12%, #282c34);
  --warn-soft: color-mix(in srgb, #e5c07b 14%, #282c34);
  --focus-soft: color-mix(in srgb, #61afef 16%, #282c34);
  --brand-dark: #c678dd;
}

/* 도쿄 나이트 —  */
[data-palette="tokyonight"] {
  --bg: #d6d8df;
  --surface: #e6e7ed;
  --surface-2: #e1e2e8;
  --surface-hover: #e1e2e8;
  --surface-sink: #c1c2c7;
  --border: #c1c2c7;
  --border-strong: #9da0ab;
  --text: #343b59;
  --text-2: #363c4d;
  --text-3: #7b7d85;
  --accent: #2959aa;
  --accent-hover: #006c86;
  --accent-soft: #e1e2e8;
  --accent-text: #e6e7ed;
  --focus: #2959aa;
  --brand: #65359d;
  --danger: #bd4040;
  --warn: #8f5e15;
  --ok: #385f0d;
  --danger-soft: color-mix(in srgb, #bd4040 12%, #e6e7ed);
  --warn-soft: color-mix(in srgb, #8f5e15 14%, #e6e7ed);
  --focus-soft: color-mix(in srgb, #2959aa 16%, #e6e7ed);
  --brand-dark: #65359d;
}

@media (prefers-color-scheme: dark) {
  [data-palette="tokyonight"]:not([data-theme="light"]) {
    --bg: #16161e;
    --surface: #1a1b26;
    --surface-2: #14141b;
    --surface-hover: #13131a;
    --surface-sink: #363b54;
    --border: #363b54;
    --border-strong: #4e5579;
    --text: #a9b1d6;
    --text-2: #6a8abf;
    --text-3: #646e9c;
    --accent: #7dcfff;
    --accent-hover: #2ac3de;
    --accent-soft: #14141b;
    --accent-text: #1a1b26;
    --focus: #7dcfff;
    --brand: #bb9af7;
    --danger: #db4b4b;
    --warn: #e0af68;
    --ok: #9ece6a;
    --danger-soft: color-mix(in srgb, #db4b4b 12%, #1a1b26);
    --warn-soft: color-mix(in srgb, #e0af68 14%, #1a1b26);
    --focus-soft: color-mix(in srgb, #7dcfff 16%, #1a1b26);
    --brand-dark: #bb9af7;
  }
}

[data-palette="tokyonight"][data-theme="dark"] {
  --bg: #16161e;
  --surface: #1a1b26;
  --surface-2: #14141b;
  --surface-hover: #13131a;
  --surface-sink: #363b54;
  --border: #363b54;
  --border-strong: #4e5579;
  --text: #a9b1d6;
  --text-2: #6a8abf;
  --text-3: #646e9c;
  --accent: #7dcfff;
  --accent-hover: #2ac3de;
  --accent-soft: #14141b;
  --accent-text: #1a1b26;
  --focus: #7dcfff;
  --brand: #bb9af7;
  --danger: #db4b4b;
  --warn: #e0af68;
  --ok: #9ece6a;
  --danger-soft: color-mix(in srgb, #db4b4b 12%, #1a1b26);
  --warn-soft: color-mix(in srgb, #e0af68 14%, #1a1b26);
  --focus-soft: color-mix(in srgb, #7dcfff 16%, #1a1b26);
  --brand-dark: #bb9af7;
}

/* 나이트 아울 —  */
[data-palette="nightowl"] {
  --bg: #f0f0f0;
  --surface: #fbfbfb;
  --surface-2: #f0f0f0;
  --surface-hover: #d3e8f8;
  --surface-sink: #d9d9d9;
  --border: #d9d9d9;
  --border-strong: #93a1a1;
  --text: #403f53;
  --text-2: #63747b;
  --text-3: #828e8e;
  --accent: #2aa298;
  --accent-hover: #0c969b;
  --accent-soft: #d3e8f8;
  --accent-text: #000000;
  --focus: #93a1a1;
  --brand: #2aa298;
  --danger: #d84845;
  --warn: #967601;
  --ok: #23867e;
  --danger-soft: color-mix(in srgb, #d84845 12%, #fbfbfb);
  --warn-soft: color-mix(in srgb, #967601 14%, #fbfbfb);
  --focus-soft: color-mix(in srgb, #93a1a1 16%, #fbfbfb);
  --brand-dark: #2aa298;
}

@media (prefers-color-scheme: dark) {
  [data-palette="nightowl"]:not([data-theme="light"]) {
    --bg: #011627;
    --surface: #0b253a;
    --surface-2: #021320;
    --surface-hover: #122d42;
    --surface-sink: #5f7e97;
    --border: #122d42;
    --border-strong: #5f7e97;
    --text: #d6deeb;
    --text-2: #7986e7;
    --text-3: #637777;
    --accent: #82aaff;
    --accent-hover: #7fdbca;
    --accent-soft: #122d42;
    --accent-text: #011627;
    --focus: #82aaff;
    --brand: #7fdbca;
    --danger: #ef5350;
    --warn: #b39554;
    --ok: #22da6e;
    --danger-soft: color-mix(in srgb, #ef5350 12%, #0b253a);
    --warn-soft: color-mix(in srgb, #b39554 14%, #0b253a);
    --focus-soft: color-mix(in srgb, #82aaff 16%, #0b253a);
    --brand-dark: #7fdbca;
  }
}

[data-palette="nightowl"][data-theme="dark"] {
  --bg: #011627;
  --surface: #0b253a;
  --surface-2: #021320;
  --surface-hover: #122d42;
  --surface-sink: #5f7e97;
  --border: #122d42;
  --border-strong: #5f7e97;
  --text: #d6deeb;
  --text-2: #7986e7;
  --text-3: #637777;
  --accent: #82aaff;
  --accent-hover: #7fdbca;
  --accent-soft: #122d42;
  --accent-text: #011627;
  --focus: #82aaff;
  --brand: #7fdbca;
  --danger: #ef5350;
  --warn: #b39554;
  --ok: #22da6e;
  --danger-soft: color-mix(in srgb, #ef5350 12%, #0b253a);
  --warn-soft: color-mix(in srgb, #b39554 14%, #0b253a);
  --focus-soft: color-mix(in srgb, #82aaff 16%, #0b253a);
  --brand-dark: #7fdbca;
}