/*
  Dark philosophy: a contrast-driven charcoal data plane.
  Surfaces stay quiet and premium; muted teal and crisp silver carry graph,
  governance and deep phenomics signals without decorative colour noise.
*/
:root {
  color-scheme: dark;
  --body-bg: #0b1218;
  --body-text: #d8dee2;
  --header-bg: rgba(8, 15, 21, 0.86);
  --header-border: rgba(131, 186, 184, 0.2);
  --header-text: #c7d0d4;
  --brand-text: #edf2f3;
  --brand-line: linear-gradient(90deg, #78bab4, #cfd8dc, #5d8f9a);
  --control-bg: rgba(216, 222, 226, 0.07);
  --control-border: rgba(207, 216, 220, 0.24);
  --control-text: #c7d0d4;
  --control-active-bg: rgba(120, 186, 180, 0.16);
  --control-active-text: #9fd3ce;
  --hero-bg-start: #081017;
  --hero-bg-mid: #16242c;
  --hero-bg-end: #0d171e;
  --hero-title: #edf2f3;
  --hero-lede: #9fd3ce;
  --hero-support: #c7d0d4;
  --hero-radial: radial-gradient(circle at 78% 32%, rgba(120, 186, 180, 0.16), rgba(120, 186, 180, 0) 34%);
  --hero-shade: linear-gradient(90deg, rgba(8, 15, 21, 0.97) 0%, rgba(17, 31, 39, 0.8) 46%, rgba(17, 31, 39, 0.5) 100%);
  --section-bg: #0b1218;
  --band-bg: #111b23;
  --card-bg: #121f27;
  --card-border: rgba(207, 216, 220, 0.14);
  --card-shadow: 0 1px 0 rgba(207, 216, 220, 0.05), 0 18px 42px rgba(0, 0, 0, 0.22);
  --muted-text: #aebac0;
  --soft-band-bg: #0f1a21;
  --contact-bg: #081017;
  --footer-bg: #060d13;
  --footer-text: #c7d0d4;
  --line: rgba(207, 216, 220, 0.16);
  --muted: #aebac0;
  --shadow: 0 18px 42px rgba(0, 0, 0, 0.32);
  --accent: #78bab4;
  --accent-strong: #9fd3ce;
  --accent-cool: #86a9bd;
  --accent-warm: #cfd8dc;
  --accent-soft: #cfd8dc;
  --nav-hover: #9fd3ce;
  --eyebrow-color: #78bab4;
  --hero-eyebrow: #9fd3ce;
  --button-border: rgba(207, 216, 220, 0.28);
  --button-primary-border: rgba(159, 211, 206, 0.76);
  --button-primary-text: #9fd3ce;
  --button-secondary-bg: rgba(207, 216, 220, 0.08);
  --proof-border: rgba(207, 216, 220, 0.16);
  --proof-bg: rgba(207, 216, 220, 0.07);
  --proof-title: #edf2f3;
  --proof-text: #c7d0d4;
  --image-bg: #071119;
  --image-border: rgba(207, 216, 220, 0.13);
  --publication-rule: rgba(207, 216, 220, 0.18);
  --contact-eyebrow: #9fd3ce;
  --contact-text: #c7d0d4;
  --contact-panel-bg: rgba(207, 216, 220, 0.07);
  --contact-panel-border: rgba(207, 216, 220, 0.18);
  --contact-panel-text: #edf2f3;
  --contact-panel-hover: rgba(159, 211, 206, 0.1);
}