/*
 * Projectudio initial candidate tokens — not an approved final UI.
 * Components must reference semantic variables; adjust after device QA.
 */
:root {
  color-scheme: dark;
  --color-canvas: #10151b;
  --color-surface: #1b232d;
  --color-surface-raised: #26313c;
  --color-border: #394653;
  --color-text: #eaf0f6;
  --color-text-muted: #b3c0cd;
  --color-primary: #7baaff;
  --color-primary-text: #10151b;
  --color-success: #54bc94;
  --color-warning: #f0b95d;
  --color-danger: #f27b7b;
  --color-focus: #b0caff;

  --font-ui: "Pretendard", "Noto Sans KR", system-ui, sans-serif;
  --font-numeric: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --font-size-body: 0.9375rem;
  --font-size-caption: 0.8125rem;
  --font-size-heading: 1.375rem;
  --line-height-body: 1.55;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --radius-small: 0.25rem;
  --radius-medium: 0.5rem;
  --radius-large: 0.75rem;
  --border-width: 1px;
  --touch-target: 2.75rem;
  --motion-short: 120ms;
  --motion-medium: 200ms;
  --z-dropdown: 10;
  --z-dialog: 30;
  --z-toast: 50;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-short: 0ms;
    --motion-medium: 0ms;
  }
}