:root {

  /* ── Palette ─────────────────────────────────────────── */
  --color-void:        #07090d;
  --color-midnight:    #0c1422;
  --color-deep-navy:   #0d1520;
  --color-navy:        #1a2438;
  --color-navy-light:  #1e2d48;
  --color-slate:       #5a6a80;
  --color-slate-light: #7e8fa3;
  --color-parchment:   #e2ddd5;
  --color-parchment-bright: #f0ede8;
  --color-gold:        #c5a84b;
  --color-gold-dim:    #8a7030;
  --color-gold-ghost:  rgba(197, 168, 75, 0.06);

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

  --size-hero:   clamp(40px, 6.5vw, 62px);
  --size-h2:     clamp(30px, 4.5vw, 46px);
  --size-h3:     clamp(21px, 2.8vw, 30px);
  --size-body:   clamp(15px, 1.5vw, 17px);
  --size-small:  14px;
  --size-micro:  11px;

  --leading-tight:  1.1;
  --leading-normal: 1.7;
  --leading-loose:  1.9;

  --tracking-tight:  0.01em;
  --tracking-normal: 0.04em;
  --tracking-wide:   0.18em;
  --tracking-wider:  0.32em;
  --tracking-widest: 0.42em;

  /* ── Spacing ─────────────────────────────────────────── */
  --space-xs:   8px;
  --space-sm:   16px;
  --space-md:   32px;
  --space-lg:   64px;
  --space-xl:   96px;
  --space-2xl:  140px;

  /* ── Motion ──────────────────────────────────────────── */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:  cubic-bezier(0.45, 0, 0.55, 1);
  --dur-fast:     0.3s;
  --dur-med:      0.7s;
  --dur-slow:     1.2s;

  /* ── Layout ──────────────────────────────────────────── */
  --max-width: 1100px;
  --nav-height: 72px;

}


/* ============================================================
   LIGHT THEME — warm cream, toggled via body.light
============================================================ */

body.light {
  --color-void:             #faf7f2;
  --color-midnight:         #f3ede4;
  --color-deep-navy:        #ece4d8;
  --color-navy:             #d9cfc2;
  --color-navy-light:       #bfb09e;
  --color-slate:            #4a3f30;
  --color-slate-light:      #2e2418;
  --color-parchment:        #1c1510;
  --color-parchment-bright: #100e0a;
  --color-gold:             #a08535;
  --color-gold-dim:         #7a6428;
  --color-gold-ghost:       rgba(160, 133, 53, 0.09);
}