/* One palette serves the website, diagrams, and applicability demos. */
:root {
  color-scheme: dark;
  --bg: #0b1322;
  --surface: #111e30;
  --surface-raised: #18273b;
  --surface-soft: #132238;
  --text: #e7edf5;
  --muted: #a6b4c8;
  --line: #2b3a50;
  --accent: #75e2d6;
  --accent-alt: #aebce8;
  --warning: #ffa98d;
  --risk: #e5c680;
  --accent-soft: #16353c;
  --warning-soft: #231f2a;
  --on-accent: #0d2630;
  --button: #75e2d6;
  --button-hover: #a7f5eb;
  --button-text: #0d2630;
  --glow: #18324844;
  --grid: #66839328;
  --shadow: #00000028;
  --hero-solid: #0b1322f2;
  --hero-fade: #0b132280;
  --node-fill: #143d45;
  --node-other: #222f47;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-raised: #e0eeef;
  --surface-soft: #d0e8e5;
  --text: #0a2836;
  --muted: #345360;
  --line: #9bbdbf;
  --accent: #006c73;
  --accent-alt: #285ca8;
  --warning: #965029;
  --risk: #806321;
  --accent-soft: #d0e8e5;
  --warning-soft: #fff2e5;
  --on-accent: #ffffff;
  --button: #007c80;
  --button-hover: #004f58;
  --button-text: #ffffff;
  --glow: #159fa329;
  --grid: #006c7322;
  --shadow: #0a283615;
  --hero-solid: #fffffff2;
  --hero-fade: #ffffff80;
  --node-fill: #bfe5df;
  --node-other: #d7e5fa;
}