/* ZCSS — "cyber hex": midnight navy, terminal green and electric blue; hex-grid motif. */
:root {
  --bg: #f5f6f6; --surface: #ffffff; --surface-2: #eaebec; --ink: #06111a; --ink-2: #4c555c; --ink-3: #5e656b; --line: #dadcdd;
  --accent: #117146; --accent-ink: #ffffff; --accent-soft: #e0ede7; --accent-2: #1f5f9e; --accent-2-soft: #e0e9f1;
  --good: #1d7a4b; --good-soft: #dcf1e4; --bad: #b42a2a; --bad-soft: #f9e2e0; --warn: #b77800; --warn-soft: #fbefd3; --on-status: #ffffff;
  --hero-bg: #07141f; --hero-ink: #f5fdf9; --hero-ink-2: #a8adb1; --hero-accent: #3ee08a;
  --motif: radial-gradient(circle at 82% 28%, rgba(62,224,138,0.24), transparent 46%), radial-gradient(circle at 12% 88%, rgba(90,176,255,0.16), transparent 42%), repeating-linear-gradient(135deg, transparent 0 38px, rgba(62,224,138,0.07) 38px 39px);
  --sg-line: #39434c; --sg-accent: #3ee08a; --sg-accent-2: #5ab0ff; --sg-node: #0e1b26; --sg-ink: #f5fdf9; --sg-ink-2: #a8adb1;
  --f-display: "Archivo", "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: #040b11; --surface: #061019; --surface-2: #13202a; --ink: #f3fdf8; --ink-2: #b0b4b7; --ink-3: #868c92; --line: #25303a;
  --accent: #3ee08a; --accent-ink: #040b11; --accent-soft: #103629; --accent-2: #5ab0ff; --accent-2-soft: #122537;
  --good: #5bd39a; --good-soft: #10301f; --bad: #ff7a7a; --bad-soft: #3a1616; --warn: #f2b84c; --warn-soft: #3a2c10; --on-status: #040b11;
  color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #040b11; --surface: #061019; --surface-2: #13202a; --ink: #f3fdf8; --ink-2: #b0b4b7; --ink-3: #868c92; --line: #25303a;
  --accent: #3ee08a; --accent-ink: #040b11; --accent-soft: #103629; --accent-2: #5ab0ff; --accent-2-soft: #122537;
  --good: #5bd39a; --good-soft: #10301f; --bad: #ff7a7a; --bad-soft: #3a1616; --warn: #f2b84c; --warn-soft: #3a2c10; --on-status: #040b11;
  color-scheme: dark;
}
.hero h1, .mod-num, .mod-big, .bb-cover b { font-stretch: 112%; }