/* tokens.css - design tokens for the SB cabinet (UULC), spec sections 21/23.
   Dark theme by default; light via :root[data-theme="light"].
   Token names are stable: consumed by app.css (T02) and templates (T02/T03).
   --accent is the deep-green UULC brand accent; --good is positive status only;
   --crit is errors / critical states. No massive shadows. */

:root {
  /* surfaces - neutral dark graphite (classic dark palette; no green tint) */
  --bg: #17181b;            /* dark graphite background (section 21) */
  --surface: #1f2023;
  --surface-2: #27282c;
  --border: #34363b;

  /* text - neutral */
  --text: #ededf0;          /* light primary text */
  --muted: #a2a5ac;         /* muted secondary */
  --faint: #6e727a;         /* faintest (metadata) */

  /* accent - deep green UULC brand */
  --accent: #0E7145;
  --accent-strong: #0b5c38;
  --accent-wash: #10241b;
  --on-accent: #ffffff;

  /* statuses */
  --good: #3DB54A;          /* bright green - positive status only */
  --crit: #e5484d;          /* red - errors / critical */

  /* geometry and typography */
  --radius: 10px;
  --font-ui: "Inter", "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", Consolas, "SF Mono", monospace;
}

:root[data-theme="light"] {
  --bg: #eef1ef;
  --surface: #ffffff;
  --surface-2: #f3f6f4;
  --border: #d5ded9;

  --text: #10201a;
  --muted: #4f635b;
  --faint: #869890;

  --accent: #0E7145;
  --accent-strong: #0a5a37;
  --accent-wash: #e3f1ea;
  --on-accent: #ffffff;

  --good: #2f9c3c;
  --crit: #d13b40;
}