:root {
  /* ── Base palette: aged offset print, not screen-bright ───────────── */
  /* Paper */
  --paper-1: #f3e6c4; /* lightest stock, page ground */
  --paper-2: #ead8b0; /* card / panel stock */
  --paper-3: #dcc596; /* recessed stock, inset wells */

  /* Ink */
  --ink-1: #1c1713; /* linework, headlines, near-black */
  --ink-2: #3a3129; /* body copy */
  --ink-3: #6d6156; /* secondary copy, captions */
  --ink-4: #a2937f; /* disabled, hairline on paper */

  /* Brand chromatics */
  --mustard-1: #f0c25a;
  --mustard-2: #e0a02c; /* primary mustard */
  --mustard-3: #b57a15;

  --redorange-1: #e0674a;
  --redorange-2: #c2402a; /* primary red-orange */
  --redorange-3: #8f2718;

  --olive-1: #8b9160;
  --olive-2: #666c40; /* primary olive */
  --olive-3: #414527;

  --salmon-1: #eda488;
  --salmon-2: #d9795a;

  --mauve-1: #b3a3a3; /* smoke / dust grey-mauve */
  --mauve-2: #8a7a7c;

  --teal-1: #6d8f89; /* rare cool accent — signage, links on dark */
  --teal-2: #3f5f5c;

  /* ── Semantic aliases ─────────────────────────────────────────────── */
  --surface-page: var(--paper-1);
  --surface-card: var(--paper-2);
  --surface-inset: var(--paper-3);
  --surface-ink: var(--ink-1);
  --surface-accent: var(--mustard-2);
  --surface-alarm: var(--redorange-2);
  --surface-field: var(--olive-2);

  --text-display: var(--ink-1);
  --text-body: var(--ink-2);
  --text-muted: var(--ink-3);
  --text-disabled: var(--ink-4);
  --text-on-ink: var(--paper-1);
  --text-on-accent: var(--ink-1);
  --text-on-alarm: var(--paper-1);
  --text-link: var(--redorange-3);
  --text-link-hover: var(--redorange-2);

  --border-ink: var(--ink-1);
  --border-hairline: var(--ink-4);

  --focus-ring: var(--redorange-2);

  /* Status — mapped onto the poster palette, never introduced as new hues */
  --status-ok: var(--olive-2);
  --status-warn: var(--mustard-3);
  --status-danger: var(--redorange-2);
  --status-info: var(--teal-2);
}

/* Dark scope: the "night attack" panel. Ink ground, paper type. */
.kj-night {
  --surface-page: var(--ink-1);
  --surface-card: #241d18;
  --surface-inset: #100d0a;
  --text-display: var(--paper-1);
  --text-body: var(--paper-2);
  --text-muted: var(--mauve-1);
  --text-disabled: var(--mauve-2);
  --border-ink: var(--paper-1);
  --border-hairline: var(--mauve-2);
  --text-link: var(--mustard-1);
  --text-link-hover: var(--mustard-2);
}