/* ============================================================
   briesje · design tokens
   "De lucht over het land" — the landscape the breeze sweeps
   across: heath, peat, birch, and the returning northern light.
   Source: briesje design system (colors.css, typography.css,
   spacing.css). Kept here as plain, self-hosted CSS custom
   properties — no build step, no external design-system bundle.
   ============================================================ */

:root {
  /* ---- Colour --------------------------------------------- */
  --lucht:      #F4F5F1; /* background — room to breathe */
  --lucht-deep: #E9EBE3; /* quiet panels, hover fills */
  --mist:       #C9CFC4; /* hairline rules, edges */
  --lichen:     #9CAE94; /* primary — living, calm, growing */
  --lichen-deep:#6F8468; /* eyebrows, mono accents */
  --hei:        #8E7B96; /* heather — dignity, belonging */
  --hei-deep:   #6E5C77; /* links */
  --veen:       #2B2823; /* text, the dark room */
  --ink-soft:   #5C564E; /* secondary text on light */
  --lijsterbes: #B6432E; /* the one warm spark — once per surface */
  --on-dark-muted: #C8CABF;
  --border-on-dark: #4A463F;

  /* ---- Type -------------------------------------------------- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  --tracking-eyebrow: .18em;

  /* ---- Spacing & layout --------------------------------------- */
  --space-section: clamp(64px, 9vw, 124px);
  --measure: 62ch;
  --wrap: 760px;

  /* ---- Motion --------------------------------------------------- */
  --dur-drift: 26s;
}

::selection { background: var(--lichen); color: var(--veen); }