/* ZITSS — "help-desk path": night blue, sky blue and status green; circuit-trace motif. */
:root {
  --bg: #f5f6f7; --surface: #ffffff; --surface-2: #eaecee; --ink: #091a2b; --ink-2: #4a5663; --ink-3: #5a656f; --line: #dadde0;
  --accent: #0a65a8; --accent-ink: #ffffff; --accent-soft: #dfebf4; --accent-2: #2e7d32; --accent-2-soft: #e2ede2;
  --good: #1d7a4b; --good-soft: #dcf1e4; --bad: #b42a2a; --bad-soft: #f9e2e0; --warn: #b77800; --warn-soft: #fbefd3; --on-status: #ffffff;
  --hero-bg: #0b1f33; --hero-ink: #f7fbff; --hero-ink-2: #aab1b8; --hero-accent: #5cb8ff;
  --motif: radial-gradient(circle at 82% 28%, rgba(92,184,255,0.24), transparent 46%), radial-gradient(circle at 12% 88%, rgba(127,216,138,0.16), transparent 42%), repeating-linear-gradient(135deg, transparent 0 38px, rgba(92,184,255,0.07) 38px 39px);
  --sg-line: #3c4c5c; --sg-accent: #5cb8ff; --sg-accent-2: #7fd88a; --sg-node: #122639; --sg-ink: #f7fbff; --sg-ink-2: #aab1b8;
  --f-display: "Sora", "IBM Plex Sans", "Segoe UI", sans-serif; --f-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; --f-mono: "IBM Plex Mono", Consolas, monospace;
  --radius: 16px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: #06111c; --surface: #091929; --surface-2: #172a3d; --ink: #f5fbff; --ink-2: #b1b7be; --ink-3: #88929b; --line: #283a4b;
  --accent: #5cb8ff; --accent-ink: #06111c; --accent-soft: #173249; --accent-2: #7fd88a; --accent-2-soft: #19312e;
  --good: #5bd39a; --good-soft: #10301f; --bad: #ff7a7a; --bad-soft: #3a1616; --warn: #f2b84c; --warn-soft: #3a2c10; --on-status: #06111c;
  color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #06111c; --surface: #091929; --surface-2: #172a3d; --ink: #f5fbff; --ink-2: #b1b7be; --ink-3: #88929b; --line: #283a4b;
  --accent: #5cb8ff; --accent-ink: #06111c; --accent-soft: #173249; --accent-2: #7fd88a; --accent-2-soft: #19312e;
  --good: #5bd39a; --good-soft: #10301f; --bad: #ff7a7a; --bad-soft: #3a1616; --warn: #f2b84c; --warn-soft: #3a2c10; --on-status: #06111c;
  color-scheme: dark;
}
