/* Shared Light/Dark color tokens — both sets come from the Stitch-generated
   designs (light = desktop "organic" screens, dark = mobile "bio-telemetry"
   screens), merged here so toggling .dark on <html> re-themes the whole
   color system at once. Spacing/typography stay on the light set's scale
   (the markup was built against those class names) — only color switches. */
:root {
  --c-background: #faf8ff;
  --c-error: #ba1a1a;
  --c-error-container: #ffdad6;
  --c-inverse-on-surface: #eef0ff;
  --c-inverse-primary: #47d6ff;
  --c-inverse-surface: #2b303f;
  --c-on-background: #161b2a;
  --c-on-error: #ffffff;
  --c-on-error-container: #93000a;
  --c-on-primary: #ffffff;
  --c-on-primary-container: #00566a;
  --c-on-primary-fixed: #001f28;
  --c-on-primary-fixed-variant: #004e60;
  --c-on-secondary: #ffffff;
  --c-on-secondary-container: #007147;
  --c-on-secondary-fixed: #002111;
  --c-on-secondary-fixed-variant: #005232;
  --c-on-surface: #161b2a;
  --c-on-surface-variant: #3c494e;
  --c-on-tertiary: #ffffff;
  --c-on-tertiary-container: #004ba5;
  --c-on-tertiary-fixed: #001a42;
  --c-on-tertiary-fixed-variant: #004395;
  --c-outline: #6c797f;
  --c-outline-variant: #bbc9cf;
  --c-primary: #00677f;
  --c-primary-container: #00d2ff;
  --c-primary-fixed: #b6ebff;
  --c-primary-fixed-dim: #47d6ff;
  --c-secondary: #006c44;
  --c-secondary-container: #25fea8;
  --c-secondary-fixed: #50ffaf;
  --c-secondary-fixed-dim: #00e293;
  --c-surface: #faf8ff;
  --c-surface-bright: #faf8ff;
  --c-surface-container: #eaedff;
  --c-surface-container-high: #e3e7fc;
  --c-surface-container-highest: #dee2f6;
  --c-surface-container-low: #f2f3ff;
  --c-surface-container-lowest: #ffffff;
  --c-surface-dim: #d5d9ee;
  --c-surface-tint: #00677f;
  --c-surface-variant: #dee2f6;
  --c-tertiary: #005ac2;
  --c-tertiary-container: #a5c1ff;
  --c-tertiary-fixed: #d8e2ff;
  --c-tertiary-fixed-dim: #adc6ff;
}

:root.dark {
  --c-background: #0e131e;
  --c-error: #ffb4ab;
  --c-error-container: #93000a;
  --c-inverse-on-surface: #2b303c;
  --c-inverse-primary: #006875;
  --c-inverse-surface: #dee2f2;
  --c-on-background: #dee2f2;
  --c-on-error: #690005;
  --c-on-error-container: #ffdad6;
  --c-on-primary: #00363d;
  --c-on-primary-container: #00626e;
  --c-on-primary-fixed: #001f24;
  --c-on-primary-fixed-variant: #004f58;
  --c-on-secondary: #002e6b;
  --c-on-secondary-container: #00275e;
  --c-on-secondary-fixed: #001a43;
  --c-on-secondary-fixed-variant: #004397;
  --c-on-surface: #dee2f2;
  --c-on-surface-variant: #bac9cc;
  --c-on-tertiary: #003824;
  --c-on-tertiary-container: #006645;
  --c-on-tertiary-fixed: #002113;
  --c-on-tertiary-fixed-variant: #005236;
  --c-outline: #849396;
  --c-outline-variant: #3b494c;
  --c-primary: #c3f5ff;
  --c-primary-container: #00e5ff;
  --c-primary-fixed: #9cf0ff;
  --c-primary-fixed-dim: #00daf3;
  --c-secondary: #aec6ff;
  --c-secondary-container: #508eff;
  --c-secondary-fixed: #d8e2ff;
  --c-secondary-fixed-dim: #aec6ff;
  --c-surface: #0e131e;
  --c-surface-bright: #343946;
  --c-surface-container: #1b1f2b;
  --c-surface-container-high: #252a36;
  --c-surface-container-highest: #303541;
  --c-surface-container-low: #171b27;
  --c-surface-container-lowest: #090e19;
  --c-surface-dim: #0e131e;
  --c-surface-tint: #00daf3;
  --c-surface-variant: #303541;
  --c-tertiary: #a8ffd2;
  --c-tertiary-container: #5be9ad;
  --c-tertiary-fixed: #6ffbbe;
  --c-tertiary-fixed-dim: #4edea3;
}