/**
 * Design tokens + embedded fonts shared by every ToB Sims page.
 *
 * Four colors, total: a near-black ground with a faint red undertone, bone
 * text, a dim step of it, and one blood accent that appears only when
 * something is wrong (mistakes, drains, danger). Serif display face for
 * titles; system face for UI; monospace with tabular figures for numbers.
 */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("../assets/fonts/cormorant-garamond.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../assets/fonts/cormorant-garamond-italic.woff2") format("woff2");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --ground: #121011;
  --panel: rgba(18, 16, 17, 0.88);
  --panel-solid: #181617;
  --raise: #201d1e;
  --bone: #d6d0c6;
  --dim: #8a847b;
  --faint: #4d4849;
  --line: #2a2527;
  --blood: #a8323c;
  --blood-soft: #c9707a;
  /* Chrome geometry: one radius for panels, one for slots/buttons inside
     them, one soft shadow that lifts floating panels off the scene. */
  --radius: 6px;
  --radius-sm: 3px;
  --shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
  /* Cycle-chart highlights (shared/js/cycle-chart.js). The only hues outside
     the four-colour chrome: they mark the player's own timing (last hit /
     next hit) on a teaching overlay, never chrome. */
  --chart-last: #6d9fd9;
  --chart-next: #d9c46d;
  --font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-display: "Cormorant Garamond", Georgia, serif;
}