/* Design tokens for the vintage-radio visual identity (see
   docs/superpowers/specs/2026-09-13-ui-polish-design.md). Single theme —
   no prefers-color-scheme branch, this is a paper/ink look, not something
   that inverts. */

@font-face {
  font-family: "Fraunces";
  src: url("/static/fonts/fraunces-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("/static/fonts/fraunces-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("/static/fonts/work-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("/static/fonts/work-sans-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("/static/fonts/ibm-plex-mono-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

:root {
  /* Palette */
  --paper: #F6F1E7;
  --paper-dim: #EDE6D6;
  --ink: #2B241C;
  --ink-soft: #5C5346;
  --brass: #A8763E;
  --signal-green: #3F7859;
  --tube-red: #B23A2E;
  --static-gray: #8C8577;

  /* Type -- IPA/phoneme characters may not exist in the display/mono faces'
     'latin' subset; browsers fall back per-character to the next font in
     the stack automatically, so this is not a rendering risk. */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Work Sans", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;
}