/**
 * tokens.css — design tokens
 * Palette: Matte Black / Charcoal / Off-White / Soft Gold / Warm Gray
 * Type: Fraunces (display, used sparingly) + Inter (body) + JetBrains Mono (utility)
 */

:root {
  /* ---- Color: light mode ---- */
  --color-bg: #F5F3EE;
  --color-bg-elevated: #FFFFFF;
  --color-surface: #EDEAE2;
  --color-text: #14161B;
  --color-text-muted: #5B564C;
  --color-border: rgba(15, 17, 21, 0.10);
  --color-charcoal: #1A1D23;
  --color-matte-black: #0F1115;
  --color-gold: #B8912B;
  --color-gold-bright: #D4AF37;
  --color-warm-gray: #8B8578;
  --color-glass: rgba(255, 255, 255, 0.55);

  /* ---- Type ---- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  --fs-hero: clamp(2.75rem, 6vw + 1rem, 6.25rem);
  --fs-h1: clamp(2.25rem, 3.4vw + 1rem, 3.5rem);
  --fs-h2: clamp(1.65rem, 1.6vw + 1rem, 2.25rem);
  --fs-h3: 1.25rem;
  --fs-body-lg: 1.15rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8rem;

  /* ---- Spacing / layout ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --space-7: 9rem;
  --max-width: 1280px;
  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 28px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-med: 420ms;
  --dur-slow: 900ms;

  --shadow-soft: 0 10px 40px -12px rgba(15, 17, 21, 0.18);
  --shadow-lift: 0 24px 60px -20px rgba(15, 17, 21, 0.28);
}

[data-theme='dark'] {
  --color-bg: #0F1115;
  --color-bg-elevated: #15181E;
  --color-surface: #1A1D23;
  --color-text: #F5F3EE;
  --color-text-muted: #A6A196;
  --color-border: rgba(245, 243, 238, 0.10);
  --color-glass: rgba(26, 29, 35, 0.55);
  --shadow-soft: 0 10px 40px -12px rgba(0, 0, 0, 0.5);
  --shadow-lift: 0 24px 70px -20px rgba(0, 0, 0, 0.6);
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-med: 0ms; --dur-slow: 0ms; }
}