/* 생성된 파일: packages/ui/scripts/build.mjs (원본 design/design-system/tokens.json). 직접 고치지 않는다. */

:root {
  --bg-canvas: #ecece6;
  --bg-surface: #ffffff;
  --bg-subtle: #f3f3ef;
  --border: #e2e2dc;
  --border-strong: #8a8a82;
  --text: #1c1c19;
  --text-muted: #5c5c55;
  --text-subtle: #67675f;
  --accent: #2f54d0;
  --accent-hover: #2443b3;
  --on-accent: #ffffff;
  --primary: #2f54d0;
  --primary-hover: #2443b3;
  --on-primary: #ffffff;
  --success: #157a3e;
  --warning: #8a5200;
  --danger: #b4232b;
  --danger-fill: #b4232b;
  --danger-soft: #fdecec;
  --focus-ring: var(--accent);
  --overlay: rgba(28, 28, 25, 0.4);
  --shadow-popover: 0 4px 16px rgba(28, 28, 25, 0.1);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-full: 9999px;
  --control-height: 32px;
  --chip-height: 20px;
  --bar-height: 48px;
  --icon-size: 16px;
  --touch-target: 44px;
  --breakpoint-mobile: 640px;
  --breakpoint-desktop: 1024px;
  --font-sans: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg-canvas: #0e0e0d;
  --bg-surface: #1c1c1a;
  --bg-subtle: #262623;
  --border: #31312d;
  --border-strong: #6e6e66;
  --text: #ededea;
  --text-muted: #a8a8a0;
  --text-subtle: #94948c;
  --accent: #8aa4f5;
  --accent-hover: #a6baf8;
  --on-accent: #10162e;
  --primary: #3a5fdc;
  --primary-hover: #4a6ce0;
  --success: #5ccf8e;
  --warning: #eab04a;
  --danger: #f27a7f;
  --danger-fill: #bf333a;
  --danger-soft: #3d181b;
  --overlay: rgba(0, 0, 0, 0.6);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-canvas: #0e0e0d;
    --bg-surface: #1c1c1a;
    --bg-subtle: #262623;
    --border: #31312d;
    --border-strong: #6e6e66;
    --text: #ededea;
    --text-muted: #a8a8a0;
    --text-subtle: #94948c;
    --accent: #8aa4f5;
    --accent-hover: #a6baf8;
    --on-accent: #10162e;
    --primary: #3a5fdc;
    --primary-hover: #4a6ce0;
    --success: #5ccf8e;
    --warning: #eab04a;
    --danger: #f27a7f;
    --danger-fill: #bf333a;
    --danger-soft: #3d181b;
    --overlay: rgba(0, 0, 0, 0.6);
    --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.5);
    color-scheme: dark;
  }
}