/* ============================================================
   LAYER 1 — TOKENS
   ============================================================ */
:root {
  --cream:      #EDEAE2;
  --cream-dark: #E4E0D6;
  --cream-deep: #DDD9CF;
  --navy:       #0C1931;
  --navy-mid:   #15263D;
  --gold:       #B89A5F;   /* accents, borders, on-navy text only */
  --gold-light: #CDB87A;
  --gold-text:  #6F5726;   /* gold for small text on light bg — WCAG AA */
  --white:      #FFFFFF;
  --text:       #1A2A38;
  --muted:      #4E5D6C;   /* 5.6:1 on cream */
  --muted-dark: #3D4956;
  --border:      rgba(26,42,56,0.12);
  --border-dark: rgba(255,255,255,0.10);

  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Type scale */
  --fs-body:  1.0625rem;  /* 17px — main reading size */
  --fs-sm:    0.9375rem;  /* 15px — cards, secondary */
  --fs-xs:    0.875rem;   /* 14px — legal, footer */
  --measure:  65ch;       /* max line length for readability */

  --space-section: 100px;
  --space-gap:     80px;
  --container-max: 1200px;
  --container-pad: 40px;

  --t: 0.3s ease;
}