/* Workmap 디자인 토큰 — DESIGN-SYSTEM.md § 2~4 */
:root {
  /* Brand */
  --rose: #E11D48;
  --rose-hover: #BE123C;
  --rose-50: #FFF1F3;
  --rose-100: #FFE4E9;

  /* Ink */
  --ink: #09090B;
  --ink-80: #18181B;
  --ink-60: #27272A;
  --ink-40: #3F3F46;

  /* Text */
  --text-1: #09090B;
  --text-2: #52525B;
  --text-3: #71717A;
  --text-4: #A1A1AA;

  /* Lines */
  --line-1: #E4E4E7;
  --line-2: #F4F4F5;

  /* Surfaces */
  --surface-1: #FFFFFF;
  --surface-2: #FAFAFA;
  --surface-3: #F4F4F5;

  /* Status (DESIGN-SYSTEM § 2.3 단일 진실원) */
  --s-d-day: #991B1B;
  --s-d-1: #DC2626;
  --s-d-2: #EA580C;
  --s-d-3: #F59E0B;
  --s-d-4: #CA8A04;
  --s-d-5-6: #65A30D;
  --s-d-7-plus: #059669;
  --s-pending: #71717A;
  --s-grace: #D1D5DB;
  --s-completed: #334155;
  --s-expired: #450A0A;
  --s-monthly-pass: #2563EB;
  --s-permanent-pass: #6B7280;

  /* Semantic */
  --s-green: #059669;
  --s-crimson: #991B1B;

  /* Typography */
  --font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', Consolas, monospace;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 999px;

  /* Shadows (blur 기반, 오프셋 없음) */
  --shadow-subtle: 0 0 0 0.5px rgba(0, 0, 0, 0.04);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.08), 0 0 0 0.5px rgba(0, 0, 0, 0.06);
  --shadow-float: 0 10px 40px -10px rgba(0, 0, 0, 0.15);

  /* Motion */
  --ease-spring: cubic-bezier(0.34, 1.2, 0.64, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --header-h: 56px;
  --container-max: 1100px;

  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #FAFAFA;
    --ink-80: #E4E4E7;
    --ink-60: #A1A1AA;
    --ink-40: #71717A;

    --text-1: #FAFAFA;
    --text-2: #A1A1AA;
    --text-3: #71717A;
    --text-4: #52525B;

    --line-1: #27272A;
    --line-2: #18181B;

    --surface-1: #09090B;
    --surface-2: #18181B;
    --surface-3: #27272A;

    --rose-50: #2D0F18;
    --rose-100: #4C1320;

    --shadow-subtle: 0 0 0 0.5px rgba(255, 255, 255, 0.08);
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 0 0.5px rgba(255, 255, 255, 0.08);
    --shadow-float: 0 16px 48px -8px rgba(0, 0, 0, 0.7);
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}