/*
 * netwatch design tokens — the single source of colour.
 * Components use var(--token) only, never raw hex. See docs/design/ui-spec.md.
 *
 * Fira Sans and Fira Code are self-hosted (SIL OFL 1.1, see fonts/OFL.txt).
 */

@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/FiraSans-400.woff2") format("woff2");
}

@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/FiraSans-500.woff2") format("woff2");
}

@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/FiraSans-600.woff2") format("woff2");
}

@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/FiraCode-400.woff2") format("woff2");
}

@font-face {
  font-family: "Fira Code";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/FiraCode-500.woff2") format("woff2");
}
:root {
  --bg: #0a0f14;
  --panel: #0f161d;
  --panel-2: #141d26;
  --line: #1e2a36;
  --line-2: #2a3946;
  --text: #e6edf3;
  --text-2: #a3b1bf;
  --text-3: #7d8d9c;
  --accent: #4fd1c5;
  --ok: #3ddc97;
  --warn: #f5b544;
  --crit: #ff6b5e;
  --info: #6cb6ff;
  --out: #f59e5b;

  --sans: "Fira Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Fira Code", ui-monospace, sfmono-regular, menlo, consolas, monospace;

  --radius-panel: 6px;
  --radius-control: 4px;
}