/* One theme for every BSI view: Runner, Data Twin, Board Deck, Board View, Glass, Risk.
   Source: docs/twin-concept/theme-recommendation.md (approved 2026-10-11: Board palette, Inter, Board green buttons).
   Each view keeps its own variable names and points them here, e.g. --mut: var(--muted).
   Risk and Glass hold a copy; tools/core-sync.mjs copies it and fails if a copy drifts. */
@font-face {
  font-family: "Inter";
  src: url("InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  /* Surfaces */
  --bg: #080b10;
  --surface: #0d121a;
  --surface-2: #121924;
  --line: rgba(159, 176, 194, .14);
  /* Text. Contrast on --bg (measured 2026-10-11): ink 17.7:1, muted 8.9:1, dim 6.7:1, red 5.2:1. --faint is for lines only, never text (2.1:1). */
  --ink: #eef3f8;
  --muted: #9fb0c2;
  --dim: #8a97ab;
  --faint: #3a4757;
  /* Brand: buttons, links, focus */
  --brand: #34d399;
  --brand-glow: rgba(52, 211, 153, .35);
  --brand-ink: #04130d;
  /* Status: one set for every view */
  --red: #ef4444;
  --amber: #f59e0b;
  --green: #22c55e;
  --grey: #64748b;
  /* Data only: "on the company's own list" dots and rings. Never a button. */
  --data: #22d3ee;
  /* Shape */
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-pill: 999px;
  /* Type */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* codes and hashes only */
  --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-20: 20px; --fs-28: 28px; --fs-40: 40px;
}
/* Figures line up in columns. */
.num, [data-num] { font-variant-numeric: tabular-nums; }