/* Honey Trail · design tokens. The only place colour is declared.
   Hallmark custom (bespoke) · dark / geometric-sans / chromatic-amber 76deg. */
:root {
  /* ground */
  --canvas:      oklch(17% 0.028 165);   /* pine night */
  --surface:     oklch(21.5% 0.032 165); /* forest floor */
  --surface-2:   oklch(25% 0.036 160);
  --line:        oklch(36% 0.04 150);
  --forest:      oklch(30.2% 0.044 156); /* matches the painted treeline's base */
  --forest-deep: oklch(21.8% 0.027 161);
  --canopy:      oklch(33.1% 0.048 142); /* matches the hanging boughs' top edge */
  --paper:       oklch(93% 0.035 88);    /* handbill stock */
  --paper-ink:   oklch(24% 0.035 60);

  /* ink */
  --ink:         oklch(95% 0.018 90);    /* bone */
  --ink-soft:    oklch(80% 0.03 100);
  --ink-faint:   oklch(66% 0.03 120);
  --dusk-ink:    oklch(19% 0.03 165);    /* hero headline on the bright sky */

  /* honey */
  --honey:       oklch(80% 0.155 76);
  --honey-deep:  oklch(64% 0.15 62);
  --honey-dark:  oklch(42% 0.11 55);
  --wax:         oklch(91% 0.07 92);     /* capped cell */
  --accent-ink:  oklch(20% 0.04 60);     /* text on honey */
  --focus:       oklch(86% 0.18 82);

  /* type */
  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-text:    "Newsreader", ui-serif, Georgia, serif;

  /* scrollcraft engine tokens map onto the above */
  --sc-canvas:      var(--canvas);
  --sc-surface:     var(--surface);
  --sc-ink:         var(--ink);
  --sc-ink-soft:    var(--ink-soft);
  --sc-accent:      var(--honey);
  --sc-accent-ink:  var(--accent-ink);
  --sc-font-display: var(--font-display);
  --sc-font-text:    var(--font-text);

  /* rhythm */
  --rail-w: 64px;
  --gutter: clamp(20px, 4vw, 56px);
  --ease-honey: cubic-bezier(.22, .9, .18, 1);
}
@media (max-width: 720px) {
  :root { --rail-w: 30px; }
}