/* Chart series validated with the dataviz palette checker against surface-container-low (light + dark).
   Material 3 colour roles — the ONLY place colour literals live. Use var(--md-*) elsewhere.
   Tonal palette from seed #2f6f5e. Theme: system by default; [data-theme] on <html> overrides. */
:root {
  color-scheme: light;
  --md-primary: #2b6a5a;
  --md-on-primary: #ffffff;
  --md-primary-container: #b1f0dc;
  --md-on-primary-container: #002019;
  --md-secondary-container: #cde8de;
  --md-on-secondary-container: #072019;
  --md-tertiary-container: #c9e6ff;
  --md-on-tertiary-container: #001e2f;
  --md-surface: #f5fbf7;
  --md-surface-container-lowest: #ffffff;
  --md-surface-container-low: #eff5f1;
  --md-surface-container: #e9efeb;
  --md-surface-container-high: #e3eae6;
  --md-on-surface: #171d1b;
  --md-on-surface-variant: #3f4945;
  --md-outline: #6f7975;
  --md-outline-variant: #bfc9c4;
  --md-shadow: #000000;
  --md-up: #1f8a4c;
  --md-down: #ba1a1a;
  --md-error: #ba1a1a;
  --md-error-container: #ffdad6;
  --md-on-error-container: #410002;
  --md-warning-container: #ffddb3;
  --md-on-warning-container: #2a1800;
  --chart-1: #2a78d6;
  --chart-2: #eb6834;
  --chart-3: #1baf7a;
  --chart-4: #eda100;
  --chart-5: #e87ba4;
  --chart-6: #008300;
  --heat-up: #1f7a45;
  --heat-down: #b3261e;
  --heat-neutral: #6b7370;
  --heat-text: #ffffff;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --md-primary: #95d4c0;
    --md-on-primary: #00382d;
    --md-primary-container: #075143;
    --md-on-primary-container: #b1f0dc;
    --md-secondary-container: #344c45;
    --md-on-secondary-container: #cde8de;
    --md-tertiary-container: #004c6c;
    --md-on-tertiary-container: #c9e6ff;
    --md-surface: #0f1513;
    --md-surface-container-lowest: #0a0f0e;
    --md-surface-container-low: #171d1b;
    --md-surface-container: #1b211f;
    --md-surface-container-high: #252b29;
    --md-on-surface: #dee4e0;
    --md-on-surface-variant: #bfc9c4;
    --md-outline: #89938f;
    --md-outline-variant: #3f4945;
    --md-up: #6fd69a;
    --md-down: #ffb4ab;
    --md-error: #ffb4ab;
    --md-error-container: #93000a;
    --md-on-error-container: #ffdad6;
    --md-warning-container: #5c3f00;
    --md-on-warning-container: #ffddb3;
    --chart-1: #3987e5;
    --chart-2: #d95926;
    --chart-3: #199e70;
    --chart-4: #c98500;
    --chart-5: #d55181;
    --chart-6: #008300;
    --heat-up: #2b7a4b;
    --heat-down: #a8322b;
    --heat-neutral: #4b524f;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --md-primary: #95d4c0;
  --md-on-primary: #00382d;
  --md-primary-container: #075143;
  --md-on-primary-container: #b1f0dc;
  --md-secondary-container: #344c45;
  --md-on-secondary-container: #cde8de;
  --md-tertiary-container: #004c6c;
  --md-on-tertiary-container: #c9e6ff;
  --md-surface: #0f1513;
  --md-surface-container-lowest: #0a0f0e;
  --md-surface-container-low: #171d1b;
  --md-surface-container: #1b211f;
  --md-surface-container-high: #252b29;
  --md-on-surface: #dee4e0;
  --md-on-surface-variant: #bfc9c4;
  --md-outline: #89938f;
  --md-outline-variant: #3f4945;
  --md-up: #6fd69a;
  --md-down: #ffb4ab;
  --md-error: #ffb4ab;
  --md-error-container: #93000a;
  --md-on-error-container: #ffdad6;
  --md-warning-container: #5c3f00;
  --md-on-warning-container: #ffddb3;
  --chart-1: #3987e5;
  --chart-2: #d95926;
  --chart-3: #199e70;
  --chart-4: #c98500;
  --chart-5: #d55181;
  --chart-6: #008300;
  --heat-up: #2b7a4b;
  --heat-down: #a8322b;
  --heat-neutral: #4b524f;
}