/* Deck theme: YOLO26 guide, part 3/3 (validation, edge deployment, protocol).
   Light palette, industrial teal lead, orange and violet support.
   Keep every token name; shell.css and the kit read them. Colours stay hex. */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;600&display=swap');

:root {
  color-scheme: light;

  /* surfaces */
  --bg: #f5f7f6;
  --bg-2: #e9eeec;
  --panel: #ffffff;
  --line: rgb(20 33 31 / .12);
  --shadow: 0 18px 48px rgb(20 45 40 / .10);

  /* text (contrast on --bg: fg ~15, fg-soft ~8.9, muted ~5.3) */
  --fg: #14211f;
  --fg-soft: #3c4a47;
  --muted: #5c6a67;

  /* accents: teal leads, orange and violet support */
  --accent: #0d6b73;
  --on-accent: #ffffff;
  --accent-2: #b8430c;
  --accent-3: #5b47b8;

  /* semantic */
  --good: #1d7f52;
  --warn: #9a6200;
  --bad: #c23838;

  /* type */
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --title-weight: 700;
  --title-tracking: -.025em;

  --radius: 16px;
  --term-bg: #fbfcfc;
}

/* Dark variant: only when deck.theme = 'dark' (not used by this deck). */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0c1112;
  --bg-2: #121a1b;
  --panel: #182224;
  --line: rgb(232 240 238 / .12);
  --shadow: 0 24px 64px rgb(0 0 0 / .35);
  --fg: #e8f0ee;
  --fg-soft: #b4c2bf;
  --muted: #7f8f8b;
  --accent: #4fc6cf;
  --on-accent: #06181a;
  --accent-2: #ff9a5c;
  --accent-3: #a99bff;
  --good: #5fd39a;
  --warn: #ffcf5c;
  --bad: #ff6b6b;
  --term-bg: #080c0d;
}