/* Together Working 디자인 토큰 — scripts/build-design-tokens.js 가 docs/design-system/project/tokens.json 에서 만든다. 손으로 고치지 말 것. */
:root{
  --font-ui:Dotum, '돋움', 'Malgun Gothic', 'Apple SD Gothic Neo', Tahoma, sans-serif;
  --font-classic:Tahoma, 'Malgun Gothic', 'Apple SD Gothic Neo', 'MS Sans Serif', sans-serif;
  --font-num:Consolas, 'SF Mono', Menlo, 'DejaVu Sans Mono', monospace;
  --font-pixel:Galmuri11, DungGeunMo, Dotum, '돋움', 'Apple SD Gothic Neo', sans-serif;
  --space-1:2px;
  --space-2:4px;
  --space-3:6px;
  --space-4:8px;
  --space-5:12px;
  --space-6:16px;
  --space-7:24px;
  --radius-0:0;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-pill:999px;
  --size-hit:24px;
  --size-chip-btn:28px;
  --size-titlebar:22px;
  --size-grip:28px;
  --z-labels:15;
  --z-chip:55;
  --z-toast:60;
  --z-window:82;
  --z-studio:93;
}
:root,[data-theme="light"]{
  --bg-desk:#CBDFB2;
  --bg-face:#EEF1EA;
  --bg-face-2:#FBFCFC;
  --bg-field:#FFFFFF;
  --bg-select:#E8F4D4;
  --ink:#333B3E;
  --ink-soft:#5E676A;
  --ink-accent:#44721A;
  --ink-danger:#B04A38;
  --ink-ok:#2F7A37;
  --ink-private:#7A5AA6;
  --line:#BCCDB2;
  --line-strong:#6F8A55;
  --bevel-hi:var(--line);
  --bevel-lo:var(--line);
  --bevel-dark:var(--line);
  --title-a:#D8EE9E;
  --title-b:#9ED44F;
  --title-ink:#31383B;
  --accent:#6BA82F;
  --focus:#44721A;
  --fill-danger:#B04A38;
  --on-danger:#FFFFFF;
  --pop:#FFC24B;
  --on-pop:#3A2A00;
  --star:#E8B930;
  --bg-star:#FFF8DA;
  --bg-private:#F5F0FB;
  --tooltip-bg:#FFFFE1;
  --tooltip-ink:#000000;
  --premium-a:#F5DFA0;
  --premium-b:#D9B44A;
  --on-premium:#4A3608;
  --sticker-pink:#FF9BB3;
  --sticker-mint:#9AD8C6;
  --sticker-lilac:#BEC2EE;
  --sticker-peach:#FFDCC8;
  --plate-ink:#FFFFFF;
  --plate-outline:rgba(0, 0, 0, 0.8);
  --status-idle:#9DBA8A;
  --status-focus:#E0A050;
  --status-pet:#E89B9B;
  --status-sleep:#7FA0C4;
  --kakao:#FEE500;
  --shadow-window:0 4px 14px rgba(0, 0, 0, 0.18);
  --shadow-button:0 1px 1px rgba(0, 0, 0, 0.06);
  --shadow-pressed:inset 0 1px 2px rgba(0, 0, 0, 0.14);
  --shadow-toast:2px 2px 0 rgba(0, 0, 0, 0.3);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    --bg-desk:#151812;
    --bg-face:#23271F;
    --bg-face-2:#2C3127;
    --bg-field:#1A1D17;
    --bg-select:#34402A;
    --ink:#E6EADF;
    --ink-soft:#A7B0A0;
    --ink-accent:#B8E07A;
    --ink-danger:#F2A496;
    --ink-ok:#7FCB8A;
    --ink-private:#C7B2EA;
    --line:#46523C;
    --line-strong:#6E7F61;
    --bevel-hi:var(--line);
    --bevel-lo:var(--line);
    --bevel-dark:var(--line);
    --title-a:#4F6E2C;
    --title-b:#3A5521;
    --title-ink:#F0F5E6;
    --accent:#9ED44F;
    --focus:#B8E07A;
    --fill-danger:#E58B7B;
    --on-danger:#1B1E18;
    --pop:#FFC24B;
    --on-pop:#3A2A00;
    --star:#E8B930;
    --bg-star:#3A3320;
    --bg-private:#2F2838;
    --tooltip-bg:#FFFFE1;
    --tooltip-ink:#000000;
    --premium-a:#F5DFA0;
    --premium-b:#D9B44A;
    --on-premium:#4A3608;
    --sticker-pink:#FF9BB3;
    --sticker-mint:#9AD8C6;
    --sticker-lilac:#BEC2EE;
    --sticker-peach:#FFDCC8;
    --plate-ink:#FFFFFF;
    --plate-outline:rgba(0, 0, 0, 0.8);
    --status-idle:#9DBA8A;
    --status-focus:#E0A050;
    --status-pet:#E89B9B;
    --status-sleep:#7FA0C4;
    --kakao:#FEE500;
    --shadow-window:0 6px 18px rgba(0, 0, 0, 0.55);
    --shadow-button:0 1px 1px rgba(0, 0, 0, 0.4);
    --shadow-pressed:inset 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-toast:2px 2px 0 rgba(0, 0, 0, 0.6);
  }
}
[data-theme="dark"]{
  --bg-desk:#151812;
  --bg-face:#23271F;
  --bg-face-2:#2C3127;
  --bg-field:#1A1D17;
  --bg-select:#34402A;
  --ink:#E6EADF;
  --ink-soft:#A7B0A0;
  --ink-accent:#B8E07A;
  --ink-danger:#F2A496;
  --ink-ok:#7FCB8A;
  --ink-private:#C7B2EA;
  --line:#46523C;
  --line-strong:#6E7F61;
  --bevel-hi:var(--line);
  --bevel-lo:var(--line);
  --bevel-dark:var(--line);
  --title-a:#4F6E2C;
  --title-b:#3A5521;
  --title-ink:#F0F5E6;
  --accent:#9ED44F;
  --focus:#B8E07A;
  --fill-danger:#E58B7B;
  --on-danger:#1B1E18;
  --pop:#FFC24B;
  --on-pop:#3A2A00;
  --star:#E8B930;
  --bg-star:#3A3320;
  --bg-private:#2F2838;
  --tooltip-bg:#FFFFE1;
  --tooltip-ink:#000000;
  --premium-a:#F5DFA0;
  --premium-b:#D9B44A;
  --on-premium:#4A3608;
  --sticker-pink:#FF9BB3;
  --sticker-mint:#9AD8C6;
  --sticker-lilac:#BEC2EE;
  --sticker-peach:#FFDCC8;
  --plate-ink:#FFFFFF;
  --plate-outline:rgba(0, 0, 0, 0.8);
  --status-idle:#9DBA8A;
  --status-focus:#E0A050;
  --status-pet:#E89B9B;
  --status-sleep:#7FA0C4;
  --kakao:#FEE500;
  --shadow-window:0 6px 18px rgba(0, 0, 0, 0.55);
  --shadow-button:0 1px 1px rgba(0, 0, 0, 0.4);
  --shadow-pressed:inset 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-toast:2px 2px 0 rgba(0, 0, 0, 0.6);
}
[data-theme="classic"]{
  --bg-desk:#008080;
  --bg-face:#C0C0C0;
  --bg-face-2:#D4D0C8;
  --bg-field:#FFFFFF;
  --bg-select:#DFE8F6;
  --ink:#000000;
  --ink-soft:#444444;
  --ink-accent:#000080;
  --ink-danger:#7A3322;
  --ink-ok:#1A4F1A;
  --ink-private:#7A5AA6;
  --line:#808080;
  --line-strong:#808080;
  --bevel-hi:#FFFFFF;
  --bevel-lo:#808080;
  --bevel-dark:#000000;
  --title-a:#000080;
  --title-b:#1084D0;
  --title-ink:#FFFFFF;
  --accent:#000080;
  --focus:#000000;
  --fill-danger:#7A3322;
  --on-danger:#FFFFFF;
  --pop:#FFC24B;
  --on-pop:#3A2A00;
  --star:#C9A227;
  --bg-star:#FFF6C8;
  --bg-private:#F1ECF8;
  --tooltip-bg:#FFFFE1;
  --tooltip-ink:#000000;
  --premium-a:#7A5A10;
  --premium-b:#C9A227;
  --on-premium:#FFFFFF;
  --sticker-pink:#FF9BB3;
  --sticker-mint:#9AD8C6;
  --sticker-lilac:#BEC2EE;
  --sticker-peach:#FFDCC8;
  --plate-ink:#FFFFFF;
  --plate-outline:rgba(0, 0, 0, 0.8);
  --status-idle:#9DBA8A;
  --status-focus:#E0A050;
  --status-pet:#E89B9B;
  --status-sleep:#7FA0C4;
  --kakao:#FEE500;
  --shadow-window:3px 3px 0 rgba(0, 0, 0, 0.35);
  --shadow-button:none;
  --shadow-pressed:inset 1px 1px 0 #808080;
  --shadow-toast:2px 2px 0 rgba(0, 0, 0, 0.3);
}