/* ─── CSS Variables — White-Dominant · Deep Green · Gold ──── */
:root {
  /* ── Backgrounds ── */
  --bg:          #FFFFFF;
  --surface:     #FFFFFF;
  --surface-2:   #F8F7F4;
  --surface-3:   #F0EDE6;
  --border:      #E8E4DC;
  --border-hi:   #C8C3B8;

  /* ── Deep Green palette ── */
  --accent:      #1A3D2B;
  --accent-mid:  #224E38;
  --accent-dim:  #2C6147;
  --accent-light:#3D7A5A;
  --accent-glow: rgba(26,61,43,0.07);
  --accent-wash: rgba(26,61,43,0.04);

  /* ── Gold palette ── */
  --gold:        #B8922A;
  --gold-rich:   #C9A84C;
  --gold-light:  #D4AD5E;
  --gold-pale:   #F0E4C4;
  --gold-glow:   rgba(184,146,42,0.12);
  --gold-wash:   rgba(184,146,42,0.06);

  /* ── Status ── */
  --danger:      #C0392B;
  --warn:        #C77C1A;
  --success:     #2E7D52;

  /* ── Text ── */
  --text:        #1A1A16;
  --text-dim:    #4A4A40;
  --text-muted:  #8A8A7A;
  --text-light:  #BDBDAA;

  /* ── Typography ── */
  --serif:  'Cormorant Garamond', 'Georgia', serif;
  --sans:   'Jost', 'DM Sans', sans-serif;
  --mono:   'Space Mono', monospace;

  /* ── Spacing ── */
  --navbar-height: 120px;
  --radius-sm:  6px;
  --radius:     12px;
  --radius-lg:  20px;

  /* ── Shadows — warm, soft ── */
  --shadow-sm:   0 2px 10px rgba(26,61,43,0.05), 0 1px 3px rgba(26,61,43,0.03);
  --shadow-md:   0 8px 32px rgba(26,61,43,0.08), 0 2px 8px rgba(26,61,43,0.04);
  --shadow-lg:   0 20px 60px rgba(26,61,43,0.10), 0 4px 16px rgba(26,61,43,0.06);
  --shadow-gold: 0 4px 24px rgba(184,146,42,0.18), 0 1px 4px rgba(184,146,42,0.10);

  --transition: 180ms ease;
}

/* ─── Reset ──────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 15px; }
body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-weight: 400;
  line-height: 1.65;
  min-height: 100vh;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
}

/* ─── Scrollbar ──────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: var(--surface-2); }
::-webkit-scrollbar-thumb { background: var(--gold-rich); border-radius: 3px; }