/* Hallmark · tokens · Almanac (Berkeley-locked)
 * Palette preserved from the pre-existing build: Berkeley Blue #002676, California Gold #FDB515.
 * Paper is tinted off-white — never #fff (gate 7). Accent is gold, held under 5% of any viewport.
 * The risk scale (hi/mid/low) is STATE encoding, not accent — it is allowed its own hues.
 */
:root {
  /* --- brand (locked, do not re-hue) --- */
  --color-blue:       #002676;
  --color-blue-deep:  #001a52;
  --color-accent:     #FDB515;
  --color-accent-ink: #7d5600;

  /* --- paper + ink (tinted toward the blue anchor; never pure) --- */
  --color-paper:     #f4f6fa;
  --color-paper-2:   #fbfcfe;
  --color-rule:      #ccd6e4;
  --color-rule-soft: #e3e9f2;
  --color-ink:       #0d1826;
  --color-ink-2:     #3a4c60;
  --color-ink-3:     #64778c;
  --color-focus:     #FDB515;

  /* --- state scale (semantic, not accent) --- */
  --color-hi:  #a83224; --color-hi-bg:  #f8e9e6;
  --color-mid: #7d5600; --color-mid-bg: #f8efd9;
  --color-low: #1e6b43; --color-low-bg: #e3f0e8;

  --color-mast-ink: #ffffff;
  --color-mast-sub: #a8b8d8;

  /* --- type: 2 + 1. Serif display, sans body, mono data.
         No webfont on purpose: this page loads at 12:20am HK with one shot at
         enrollment; a FOUT or a failed font fetch is a real cost, not a nicety. --- */
  --font-display: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --font-body:    ui-sans-serif, system-ui, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;

  /* --- 4pt scale --- */
  --space-3xs: 4px;  --space-2xs: 8px;  --space-xs: 12px;
  --space-sm: 16px;  --space-md: 24px;  --space-lg: 32px;
  --space-xl: 48px;  --space-2xl: 72px; --space-3xl: 104px;

  --text-xs: 11px;  --text-sm: 12.5px; --text-md: 14.5px;
  --text-lg: 17px;  --text-xl: 22px;   --text-2xl: 30px;
  --text-stage:   clamp(26px, 4.4vw, 44px);
  --text-display: clamp(30px, 4.6vw, 50px);

  --ease-out:  cubic-bezier(.16, 1, .3, 1);
  --dur-short: 180ms;
  --dur-mid:   560ms;

  --rule-hair:  1px;
  --rule-thick: 3px;
  --radius-none: 0;

  --wrap: 1020px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-paper:     #080f1b;
    --color-paper-2:   #0f1c2e;
    --color-rule:      #27405e;
    --color-rule-soft: #192a41;
    --color-ink:       #eef2f8;
    --color-ink-2:     #b0c0d2;
    --color-ink-3:     #7e93aa;
    --color-accent-ink:#f4c95a;
    --color-hi:  #ef9384; --color-hi-bg:  #3c1913;
    --color-mid: #eec25e; --color-mid-bg: #34270b;
    --color-low: #86cfa4; --color-low-bg: #11301f;
  }
}
:root[data-theme="dark"] {
  --color-paper:     #080f1b;
  --color-paper-2:   #0f1c2e;
  --color-rule:      #27405e;
  --color-rule-soft: #192a41;
  --color-ink:       #eef2f8;
  --color-ink-2:     #b0c0d2;
  --color-ink-3:     #7e93aa;
  --color-accent-ink:#f4c95a;
  --color-hi:  #ef9384; --color-hi-bg:  #3c1913;
  --color-mid: #eec25e; --color-mid-bg: #34270b;
  --color-low: #86cfa4; --color-low-bg: #11301f;
}
:root[data-theme="light"] {
  --color-paper:     #f4f6fa;
  --color-paper-2:   #fbfcfe;
  --color-rule:      #ccd6e4;
  --color-rule-soft: #e3e9f2;
  --color-ink:       #0d1826;
  --color-ink-2:     #3a4c60;
  --color-ink-3:     #64778c;
  --color-accent-ink:#7d5600;
  --color-hi:  #a83224; --color-hi-bg:  #f8e9e6;
  --color-mid: #7d5600; --color-mid-bg: #f8efd9;
  --color-low: #1e6b43; --color-low-bg: #e3f0e8;
}

/* Phones: 12.5px body copy reads as fine print on a handset.
   --text-md and --text-xs stay put: bumping them breaks the nowrap masthead
   row and re-inflates the packing filter bar. */
@media (max-width: 1024px) {
  :root { --text-sm: 14px; }
}