/* tokens.css — OKLCH token system. One accent hue per theme.
   accent-fill = light (surfaces, icons, rings) · accent-text = contrast-checked
   for text/links (≥4.5:1 on its background). Hairlines = accent at low opacity. */

:root {
  /* shape & motion (shared) */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;
  --space: clamp(1rem, 0.6rem + 1.6vw, 1.6rem);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);   /* signature easing */
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --maxw: 1080px;

  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-ui: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---- EMBER — warm dark, candlelit (default) ---- */
:root, :root[data-theme="ember"] {
  --bg:        #18120e;
  --bg:        oklch(17% 0.018 58);
  --bg-2:      #221a13;
  --bg-2:      oklch(22% 0.022 56);
  --surface:   #2a2018;
  --surface:   oklch(26% 0.026 56);
  --text:      #f3ece1;
  --text:      oklch(95% 0.02 82);
  --text-dim:  #b8a895;
  --text-dim:  oklch(74% 0.025 74);
  --accent:    #e6a865;        /* fill: glows, active, icons */
  --accent:    oklch(78% 0.12 68);
  --accent-text: #f0b87a;      /* text/links on dark bg */
  --accent-text: oklch(83% 0.115 72);
  --line:      color-mix(in oklch, var(--accent) 22%, transparent);
  --line-soft: color-mix(in oklch, var(--accent) 12%, transparent);
}

/* ---- DAWN — warm light, morning ---- */
:root[data-theme="dawn"] {
  --bg:        #f6f1e8;
  --bg:        oklch(95% 0.014 82);
  --bg-2:      #efe5d6;
  --bg-2:      oklch(92% 0.022 78);
  --surface:   #fbf7f0;
  --surface:   oklch(97% 0.01 84);
  --text:      #382a20;
  --text:      oklch(29% 0.03 52);
  --text-dim:  #6b5647;
  --text-dim:  oklch(46% 0.03 50);
  --accent:    #c66a4a;
  --accent:    oklch(62% 0.14 40);
  --accent-text: #9b4329;      /* darkened for ≥4.5:1 on cream */
  --accent-text: oklch(46% 0.15 38);
  --line:      color-mix(in oklch, var(--accent) 30%, transparent);
  --line-soft: color-mix(in oklch, var(--accent) 16%, transparent);
}

/* ---- GROVE — deep warm sage, sacred grove ---- */
:root[data-theme="grove"] {
  --bg:        #141d17;
  --bg:        oklch(20% 0.028 152);
  --bg-2:      #1b271e;
  --bg-2:      oklch(24% 0.032 150);
  --surface:   #21302610;
  --surface:   oklch(28% 0.036 150);
  --text:      #ece8d8;
  --text:      oklch(94% 0.02 96);
  --text-dim:  #a6b29a;
  --text-dim:  oklch(74% 0.03 132);
  --accent:    #e3c581;
  --accent:    oklch(82% 0.12 92);
  --accent-text: #ead79a;
  --accent-text: oklch(86% 0.11 96);
  --line:      color-mix(in oklch, var(--accent) 20%, transparent);
  --line-soft: color-mix(in oklch, var(--accent) 11%, transparent);
}

/* ---- DUSK — warm plum-violet, spiritual ---- */
:root[data-theme="dusk"] {
  --bg:        #1f1722;
  --bg:        oklch(20% 0.04 332);
  --bg-2:      #281d2c;
  --bg-2:      oklch(24% 0.05 332);
  --surface:   #301f34;
  --surface:   oklch(28% 0.055 332);
  --text:      #ece5ec;
  --text:      oklch(94% 0.016 330);
  --text-dim:  #b6a3b5;
  --text-dim:  oklch(74% 0.03 330);
  --accent:    #e3a6bd;
  --accent:    oklch(80% 0.10 350);
  --accent-text: #efc1d2;
  --accent-text: oklch(85% 0.09 350);
  --line:      color-mix(in oklch, var(--accent) 22%, transparent);
  --line-soft: color-mix(in oklch, var(--accent) 12%, transparent);
}