/* ============================================================
   Bada Design System (BDS) · Tokens
   Version : 2.0.0 — Apple-style white stage (2026-04-22 Chris)
   Reference: docs/03-design-spec.md Part 1 (Brand System) & Part 4 (Token Reference)
   Purpose : Single source of truth for color, typography,
             motion, layout and z-index tokens shared across
             all pages and partials. Never hardcode values —
             always reference var(--bds-*).

   Rationale for v2.0.0 shift (cream → Apple off-white, serif dropped):
   - Cream (#FAF7F2) was perceived as dated/"urine-tinted" by KR users.
   - Apple Vision Pro reference uses pure sans-serif + off-white stage.
   - Differentiation moves from typography to visual assets (Phase 5b scenes).
   ============================================================ */

:root {
  /* ---------- Brand Neutrals ----------
     --bds-cream keeps its variable name for migration safety, but the
     value is now Apple's signature off-white (#F5F5F7). Main stage.
     --bds-off flips to pure white so muted sections gain subtle
     contrast against the base. Reverse of v1. */
  --bds-cream:     #F5F5F7; /* oklch(0.963 0.002 286) — Apple off-white, main stage */
  --bds-off:       #FFFFFF; /* oklch(1.000 0.000 0)   — pure white, muted section contrast */
  --bds-ink:       #0B0C0E; /* oklch(0.117 0.003 260) — near-black text / dark sections */
  --bds-gold:      #B8935A; /* oklch(0.650 0.078 75)  — champagne gold, primary accent */
  --bds-gold-soft: #D4AC76; /* oklch(0.750 0.075 75)  — hover / highlight gold */

  /* ---------- Country Accents ----------
     v2.0.0 drops gradient backgrounds (Apple does not tint sub-page
     stages). Each country keeps a single accent color for lines,
     buttons, dots, underlines only. Page background stays off-white. */
  --bds-au-accent:    #C4884E; /* AU — warm terracotta-gold (outback sand) */
  --bds-nz-accent:    #7C9977; /* NZ — muted sage green (fern / southern alps) */
  --bds-kr-accent:    #A9594E; /* KR — earthy red-brown (dancheong clay) */
  --bds-dubai-accent: #C29458; /* Dubai — deep desert gold (amber dune) */

  /* ---------- Typography ----------
     Apple system font stack (2026-04-22 Chris A안).
     Serif token intentionally removed — Apple product pages use
     SF Pro for every level of the hierarchy. Serif headlines
     would dilute the Apple-tier cinematic tone. */
  --bds-font-sans:  -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;
  --bds-font-mono:  ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;

  /* Apple-style headline tracking — tight on large display sizes. */
  --bds-tracking-tight: -0.022em;
  --bds-tracking-body:  -0.003em;

  /* ---------- Motion ---------- */
  --bds-ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
  --bds-ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --bds-dur-fast:     200ms;
  --bds-dur-base:     320ms;
  --bds-dur-slow:     520ms;

  /* ---------- Layout ---------- */
  --bds-max-w:        1280px;
  --bds-gutter-sm:    1rem;
  --bds-gutter-md:    2rem;
  --bds-gutter-lg:    4rem;

  /* ---------- Z-index Scale ---------- */
  --bds-z-nav:     50;
  --bds-z-overlay: 80;
  --bds-z-modal:   100;
}

/* ---------- Reduced motion accessibility ---------- */
@media (prefers-reduced-motion: reduce) {
  :root {
    --bds-dur-fast: 0ms;
    --bds-dur-base: 0ms;
    --bds-dur-slow: 0ms;
  }
}