/* Design tokens, read from board/design/*.dc.html (Main.dc.html and the shared header). tools/design_lint.py checks
   that every colour and radius used in board/web is one of these. Fonts: Geist and Geist Mono (Google Fonts, linked in
   index.html), system fonts as fallback. Light is the design; a dark theme comes after the light one matches. */
:root {
  --page: #F4F4F1;
  --card: #FFFFFF;
  --text: #16171A;
  --muted: #5F6168;
  --border: #E3E3DE;
  --stroke: #D6D6D0;
  --soft: #ECECE7;
  --tile: #F7F7F4;
  --quiet: #FAFAF8;
  --outline: #CFCFC8;
  --accent: #2457E6;
  --accent-hover: #1A40AD;
  --accent-soft: #E8EEFD;
  --green: #1F7A4D;
  --amber: #B4540A;
  --amber-mark: #F2A33A;
  --red: #A3360F;
  --clip: #2A2D33;
  --clip-text: #E9E9E4;
  --scrim: rgba(0,0,0,0.55);
  --scrim-soft: rgba(0,0,0,0.45);
  --glass: rgba(255,255,255,0.92);
  --glass-soft: rgba(255,255,255,0.2);
  --track: rgba(255,255,255,0.3);
  --amber-soft: #FDF0E3;
  --warn-row: #FDF6EE;
  --warn-text: #7A3606;
  --blue-tint: #F4F6FC;
  --blue-light: #8FA9F2;
  --ctx-hot: #E08A3C;
  --shot: #3B3F47;
  --shot-2: #4A4E57;
  --projected: #A9BDF5;
  --amber-line: #F3D3B0;
  --view: #E7E8EA;
  --warn-tint: #FDF6EE;
  --green-soft: #E3F2EA;
  --idle: #B9B9B2;
  --cover-light: #D9DDE6;

  --r-6: 6px; --r-8: 8px; --r-10: 10px; --r-12: 12px; --r-14: 14px; --r-16: 16px; --r-18: 18px;
  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px; --fs-20: 20px; --fs-26: 26px;

  --font: Geist, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Geist Mono", ui-monospace, Consolas, monospace;
  --gutter: 24px;
  color-scheme: light;
}
@media (max-width: 600px) { :root { --gutter: 16px; } }