/* =========================================================
   01-tokens.css — DESIGN TOKENS
   Single source of truth. Import FIRST.
   ========================================================= */
:root {
  /* Palette */
  --clr-gold-100: #FFF4C2;
  --clr-gold-200: #FFD055;
  --clr-gold-400: #C8890A;
  --clr-gold-600: #8B5E05;
  --clr-amber:    #E67E00;
  --clr-bg-900:   #08050F;
  --clr-bg-800:   #110C1E;
  --clr-bg-700:   #16102A;
  --clr-bg-600:   #1E1535;
  --clr-text:     #F5EDCC;
  --clr-muted:    #A0896A;
  --clr-dim:      #5C4E35;

  /* Typography */
  --font-logo:    'Cormorant Upright', serif; /* mixed-case capable display */
  --font-serif:   'Cinzel', serif;
  --font-body:    'EB Garamond', serif;

  /* Type scale */
  --fs-xs:   0.65rem;
  --fs-sm:   0.78rem;
  --fs-base: 1rem;
  --fs-md:   1.15rem;
  --fs-xl:   clamp(1.5rem, 4vw, 2.4rem);
  --fs-2xl:  clamp(3rem, 9vw, 6rem);

  /* Spacing */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;

  /* Layout */
  --max-content: 920px;
  --max-narrow:  520px;

  /* Motion */
  --dur-fast:  0.2s;
  --dur-med:   0.4s;
  --dur-slow:  10s;
  --dur-xslow: 120s;

  /* Gradients */
  --grad-gold:  linear-gradient(135deg, #FFE97A 0%, #C8890A 40%, #FFD055 70%, #8B5E05 100%);
  --grad-amber: linear-gradient(90deg, var(--clr-gold-200), var(--clr-amber));
  --grad-badge: linear-gradient(90deg, var(--clr-gold-400), var(--clr-amber));
}