/* ══════════════════════════════════════════
   DESIGN TOKENS — Dark mode (default)
   ══════════════════════════════════════════ */
:root {
  /* Gold palette — unchanged in both modes */
  --gold: #C9972C;
  --gold-b: #E5B84A;
  --gold-d: #9A721C;
  --gold-t: rgba(201, 151, 44, 0.10);
  --gold-ts: rgba(201, 151, 44, 0.06);
  --gold-br: rgba(201, 151, 44, 0.30);

  /* Constant: always dark text on gold surfaces (buttons, badges) */
  --on-gold: #0A0A0A;

  /* Dark scale */
  --ob: #0A0A0A;
  --chdk: #111111;
  --ch: #1A1A1A;
  --chmd: #222222;
  --chlt: #2E2E2E;

  /* Stone scale */
  --sdk: #4A4742;
  --st: #7A7672;
  --stl: #AAA49E;

  /* Primary text */
  --iv: #F0EBE0;

  /* Borders */
  --bdr: rgba(201, 151, 44, 0.15);
  --bds: rgba(255, 255, 255, 0.06);

  /* Nav background */
  --nav-bg: rgba(10, 10, 10, 0.88);
  --nav-bg-scrolled: rgba(10, 10, 10, 0.97);
  --nav-mob-bg: rgba(10, 10, 10, 0.98);

  /* Collection card backgrounds */
  --col-bg1: linear-gradient(160deg, #1e1c1a, #222 40%, #111);
  --col-bg2: linear-gradient(160deg, #1a1a1a, #2e2e2e 40%, #1a1a1a);
  --col-bg3: linear-gradient(160deg, #111, #1a1a1a 40%, #222);
  --col-bg4: linear-gradient(160deg, #222, #111 40%, #1e1c1a);

  /* Status */
  --ok: #4CAF7A;
  --er: #E05252;

  /* Typography */
  --fd: 'Playfair Display', Georgia, serif;
  --fb: 'Jost', system-ui, sans-serif;
  --fa: 'Cormorant Garamond', Georgia, serif;

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.22s;
}

/* ══════════════════════════════════════════
   DESIGN TOKENS — Light mode overrides
   ══════════════════════════════════════════ */
[data-theme="light"] {
  /* Dark scale → warm ivory scale */
  --ob: #FAF8F4;
  --chdk: #F2EDE4;
  --ch: #FFFFFF;
  --chmd: #EDE8DF;
  --chlt: #E3DDD4;

  /* Stone scale (inverted for legibility on light bg) */
  --sdk: #C0BAB4;
  --st: #8A837C;
  --stl: #4A4440;

  /* Primary text (was ivory, now near-black) */
  --iv: #1C1814;

  /* Borders */
  --bdr: rgba(201, 151, 44, 0.22);
  --bds: rgba(0, 0, 0, 0.07);

  /* Nav background */
  --nav-bg: rgba(250, 248, 244, 0.92);
  --nav-bg-scrolled: rgba(250, 248, 244, 0.99);
  --nav-mob-bg: rgba(250, 248, 244, 0.99);

  /* Collection card backgrounds */
  --col-bg1: linear-gradient(160deg, #e8e2d9, #ede8df 40%, #ddd8ce);
  --col-bg2: linear-gradient(160deg, #e5e0d7, #ece7de 40%, #e5e0d7);
  --col-bg3: linear-gradient(160deg, #ddd8ce, #e5e0d7 40%, #ede8df);
  --col-bg4: linear-gradient(160deg, #ece7de, #ddd8ce 40%, #e8e2d9);
}