/* =========================================================================
   Ric Steel — Design Tokens
   Warm Theatrical Prestige: midnight navy, warm gold, ivory
   ========================================================================= */

:root {
  /* Brand palette */
  --c-navy:         #0c192e;
  --c-navy-deep:    #070f1c;
  --c-navy-soft:    #162a4a;
  --c-navy-border:  #253f6a;
  --c-gold:         #c99736;
  --c-gold-light:   #e2b96d;
  --c-gold-pale:    #f3e6c8;
  --c-gold-glow:    rgba(201, 151, 54, 0.22);
  --c-ivory:        #fbf9f4;
  --c-cream:        #f4efe6;
  --c-cream-soft:   #ece5d8;
  --c-text:         #1d2430;
  --c-text-muted:   #4a5468;
  --c-text-light:   #8a95a8;
  --c-white:        #ffffff;
  --c-maroon:       #6b1d30;
  --c-success:      #2b7a4b;
  --c-error:        #b33636;

  /* Typography */
  --font-serif:   "Playfair Display", "Georgia", "Times New Roman", serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  --fs-xs:   0.8125rem;
  --fs-sm:   0.9375rem;
  --fs-base: 1.125rem;
  --fs-lg:   1.25rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  1.875rem;
  --fs-3xl:  2.375rem;
  --fs-4xl:  3rem;
  --fs-5xl:  3.75rem;

  --lh-tight:  1.15;
  --lh-title:  1.25;
  --lh-body:   1.68;

  /* Spacing */
  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.25rem;
  --s-6:  1.5rem;
  --s-7:  1.75rem;
  --s-8:  2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-14: 3.5rem;
  --s-16: 4rem;
  --s-20: 5rem;
  --s-24: 6rem;

  /* Layout */
  --container-max: 1200px;
  --container-narrow: 860px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(12, 25, 46, 0.08);
  --shadow-md:  0 8px 24px rgba(12, 25, 46, 0.12);
  --shadow-lg:  0 18px 48px rgba(12, 25, 46, 0.18);
  --shadow-gold: 0 0 0 1px var(--c-gold), 0 12px 36px var(--c-gold-glow);

  /* Transitions */
  --t-fast:   180ms ease;
  --t-base:   280ms ease;
  --t-slow:   420ms ease;

  /* Focus ring */
  --focus-ring: 0 0 0 3px var(--c-gold-light);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-fast: 0.001ms !important;
    --t-base: 0.001ms !important;
    --t-slow: 0.001ms !important;
  }
}