/* Jost, self-hosted (OFL: fonts/OFL.txt). No external font requests. */
@font-face { font-family: "Jost"; src: url("fonts/jost-400.ttf"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/jost-500.ttf"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Jost"; src: url("fonts/jost-600.ttf"); font-weight: 600; font-display: swap; }

/* Eclipse brand tokens, v1 (drawn 2026-08-19, Katrina's direction).
   Simple, minimal, warm. Adventure/eco-friendly calm; professional, uncluttered
   (Hercules vibe, decluttered). Soft light/dark, never hard #FFF or #000.
   Dark is a warm grey (Katrina, 2026-10-06: less brown), not a brown.
   Colour is a sprinkle: honey yellow + warm grey only; everything else is
   surface and ink. Every grey (ink, muted, faint, brand grey, both modes) sits
   on one warm-grey axis (Katrina, 2026-10-06: consistent greyish tone). */

:root {
  /* light (default): warm paper */
  --surface: #f5f3ee;
  --surface-raised: #faf9f5;
  --surface-sunken: #edebe5;
  --ink: #2f2e2b;
  --ink-muted: #6b6964;
  --ink-faint: #918e86;
  --hairline: rgba(47, 46, 43, 0.12);
  --hairline-strong: rgba(47, 46, 43, 0.22);

  --brand-yellow: #e3b34f;      /* honey, the sprinkle */
  --brand-yellow-soft: #f0d79e; /* washes, focus rings */
  --brand-grey: #8a8882;        /* warm grey, the other sprinkle */

  --ok: #7d9a6f;                /* muted moss: eco, calm */
  --warn: #c9973e;
  --danger: #b5654f;            /* warm clay, never alarm-red */

  --radius: 10px;
  --radius-small: 7px;
  --shadow: 0 1px 2px rgba(47, 46, 43, 0.05), 0 4px 16px rgba(47, 46, 43, 0.06);
  --font: "Jost", "Segoe UI", system-ui, -apple-system, sans-serif;
  --transition: 160ms ease; /* calm interaction surface: nothing snaps */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #1f1f1d;
    --surface-raised: #272725;
    --surface-sunken: #191917;
    --ink: #e9e7e2;
    --ink-muted: #a09d96;
    --ink-faint: #7a7872;
    --hairline: rgba(233, 231, 226, 0.12);
    --hairline-strong: rgba(233, 231, 226, 0.22);
    --brand-yellow: #d9ac4f;
    --brand-yellow-soft: #45402f;
    --brand-grey: #96948e;
    --ok: #8aa87c;
    --warn: #cfa050;
    --danger: #c07a63;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 4px 18px rgba(0, 0, 0, 0.22);
  }
}

:root[data-theme="dark"] {
  --surface: #1f1f1d;
  --surface-raised: #272725;
  --surface-sunken: #191917;
  --ink: #e9e7e2;
  --ink-muted: #a09d96;
  --ink-faint: #7a7872;
  --hairline: rgba(233, 231, 226, 0.12);
  --hairline-strong: rgba(233, 231, 226, 0.22);
  --brand-yellow: #d9ac4f;
  --brand-yellow-soft: #45402f;
  --brand-grey: #96948e;
  --ok: #8aa87c;
  --warn: #cfa050;
  --danger: #c07a63;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 4px 18px rgba(0, 0, 0, 0.22);
}