/* ============================================================
   BLACK ROCK by JWBC — Design tokens
   Earthy luxury: warm stone, gold, forest green, natural texture
   ============================================================ */

:root {
  /* --- Type --- */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", system-ui, -apple-system, sans-serif;
  --font-mono: "Space Mono", ui-monospace, monospace;

  /* --- Core earthy-dark palette (default) --- */
  --bg:        #1a1814;   /* warm near-black stone */
  --bg-raised: #211e19;   /* raised surface */
  --bg-deep:   #141210;   /* deepest */
  --cream:     #f1ece1;   /* light break sections */
  --cream-2:   #e8e1d2;

  --ink:        #ece5d6;  /* text on dark */
  --ink-soft:   rgba(236, 229, 214, 0.62);
  --ink-faint:  rgba(236, 229, 214, 0.40);
  --on-cream:       #292419;  /* text on cream */
  --on-cream-soft:  rgba(41, 36, 25, 0.60);
  --on-cream-faint: rgba(41, 36, 25, 0.42);

  /* --- Accent (gold) + secondary (green) --- */
  --accent-h: 42;
  --accent-s: 0.085;
  --accent-l: 0.62;
  --gold:   oklch(var(--accent-l) var(--accent-s) var(--accent-h));
  --gold-bright: oklch(calc(var(--accent-l) + 0.08) var(--accent-s) var(--accent-h));
  --gold-deep:   oklch(calc(var(--accent-l) - 0.10) var(--accent-s) var(--accent-h));
  --green:      #46553f;
  --green-soft: #5d6e54;

  /* --- Lines / hairlines --- */
  --line:       rgba(236, 229, 214, 0.13);
  --line-strong:rgba(236, 229, 214, 0.22);
  --line-cream: rgba(41, 36, 25, 0.14);

  /* --- Geometry --- */
  --maxw: 1280px;
  --radius: 3px;
  --radius-lg: 5px;

  /* --- Rhythm (driven by density tweak) --- */
  --density: 1;
  --section-pad: calc(132px * var(--density));
  --section-pad-sm: calc(88px * var(--density));

  /* --- Motion --- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* --- Header --- */
  --nav-h: 76px;
}

/* ---------- Palette variants (swapped by Tweaks) ---------- */
body.pal-stone {
  /* default — handled by :root */
}

body.pal-forest {
  --bg:        #141a14;
  --bg-raised: #1a211a;
  --bg-deep:   #0f140f;
  --cream:     #eef0e6;
  --cream-2:   #e4e8d8;
  --ink:       #e7ecda;
  --ink-soft:  rgba(231, 236, 218, 0.62);
  --ink-faint: rgba(231, 236, 218, 0.40);
  --green:     #3f5238;
  --green-soft:#5a7050;
}

body.pal-ivory {
  --bg:        #20201c;
  --bg-raised: #f1ece1;   /* inverted feel — lighter raised */
  --bg-deep:   #18181500;
  --ink:       #f3efe6;
  --green:     #4a5d43;
}

body.pal-clay {
  --bg:        #1d1714;
  --bg-raised: #251d18;
  --bg-deep:   #161110;
  --cream:     #f3ece2;
  --cream-2:   #ebe0d2;
  --ink:       #efe4d6;
  --ink-soft:  rgba(239, 228, 214, 0.62);
  --ink-faint: rgba(239, 228, 214, 0.40);
  --accent-h:  54;
  --accent-s:  0.10;
  --green:     #5b5238;
}