/* ========================================================================
   tokens.css — design tokens (single source of truth).

   Every page links this BEFORE topbar.css / cover.css / inline styles.
   Change a colour or a font here, it propagates to all surfaces
   (cover, topbar, drawer, doc cards, app cards, contact form, …).

   Pages MAY override these locally if they need a one-off (e.g. a
   darker terra on a particular feature card), but the default value
   for every shared component lives here.
   ========================================================================
*/

:root {

  /* ── Accent — moss green. Same palette as the base moss tokens
        below, exposed under terra-* names so existing rules keep
        working without renaming every consumer.
        --terra        deep moss, used on light/cream backgrounds
        --terra-lt     sage lift, used on dark backgrounds
        --terra-mid    middle ground for hovers / mid-tones */
  --terra:           #4A6741;
  --terra-lt:        #A2BC91;
  --terra-mid:       #768F65;
  --terra-bg:        #EEF2ED;     /* tinted bg for accent blocks */

  /* ── Moss (cool green) — companion to terra. */
  --moss:            #4A6741;
  --moss-mid:        #768F65;
  --moss-lt:         #A2BC91;
  --moss-bg:         #EEF2ED;

  /* ── Ink (text on light/cream). RGB triple given separately so it
        can be plugged into rgba() for tinted overlays. */
  --ink:             #171610;
  --ink-rgb:         23, 22, 16;
  --ink-soft:        rgba(23, 22, 16, 0.60);
  --ink-mute:        rgba(23, 22, 16, 0.35);
  --ink-rule:        rgba(23, 22, 16, 0.10);

  /* ── Cream (text on dark). The inverse of ink. */
  --cream:           #F2F0EA;
  --cream-rgb:       242, 240, 234;
  --cream-soft:      rgba(242, 240, 234, 0.55);
  --cream-mute:      rgba(242, 240, 234, 0.32);
  --cream-rule:      rgba(242, 240, 234, 0.10);

  /* ── Surfaces. */
  --paper:           #F4F2EC;     /* primary cream paper bg */
  --paper-card:      #FFFFFF;     /* white cards on cream */
  --dark:            #161616;     /* primary dark bg */
  --dark-card:       #1F1F1E;     /* slightly-lifted dark cards */
  --topbar-bg:       rgba(8, 8, 7, 0.88);  /* the thin black bar */

  /* ── Type. */
  --f-serif:         'Cormorant Garamond', Georgia, serif;
  --f-mono:          'JetBrains Mono', ui-monospace, Menlo, monospace;
  --f-sans:          'Inter', system-ui, -apple-system, sans-serif;
  --f-display:       'Cormorant Garamond', 'Fraunces', Georgia, serif;

}