/* ============================================================
   DESIGN TOKENS — single source of truth
   All colours, fonts, spacing live here.
   ============================================================ */

:root {
  /* Background — soft warm off-white */
  --bg:          #F4F3EE;
  --white:       #FFFFFF;
  --surface:     #FAFAF7;
  --surface-2:   #EDECEA;

  /* Borders */
  --border:      #E0DDD6;
  --border-md:   #C8C5BC;

  /* Brand Accent — deep navy */
  --accent:      #1A2E4A;
  --accent-hover:#243D64;
  --accent-lt:   rgba(26, 46, 74, 0.07);
  --accent-mid:  rgba(26, 46, 74, 0.15);

  /* Text — all values pass WCAG AA on white (#FFFFFF)
     --text:      21:1  ✓
     --text-sec:   8:1  ✓
     --text-muted: 4.6:1 ✓  (decorative/large text only)
  */
  --text:        #111111;
  --text-sec:    #4A4845;
  --text-muted:  #767370;

  /* Typography */
  --font-serif:  'Cormorant Garamond', Georgia, serif;
  --font-sans:   'Jost', system-ui, sans-serif;

  /* Spacing scale */
  --sp-xs:  8px;
  --sp-sm:  16px;
  --sp-md:  24px;
  --sp-lg:  48px;
  --sp-xl:  80px;
  --sp-2xl: 120px;

  /* Layout */
  --container: 1120px;
  --gap:       24px;

  /* Misc */
  --radius:    4px;
  --radius-lg: 12px;
  --shadow:    0 2px 16px rgba(22, 21, 15, 0.07);
  --shadow-lg: 0 8px 40px rgba(22, 21, 15, 0.10);
  --trans:     0.25s ease;
}