:root[data-theme="dark"] {
  color-scheme: dark;
  /* !important: dashboard-v2.js unconditionally applies the user's stored
     theme_preferences.background_color as an inline style on :root on
     every page load, regardless of light/dark state (it has no concept
     of "per-theme" colors, just one saved value). A plain declaration
     here would lose to that inline style every time, leaving dark mode
     showing whatever light background_color the user picked (or the
     #f4f6f9 default) - this only reclaims the *dark* background; light
     mode is untouched and still honors the customization as before. */
  --lh-bg: #0e1420 !important;
  --lh-surface: #171f2d;
  --lh-surface-subtle: #1d2737;
  --lh-sidebar: #090e17;
  --lh-sidebar-hover: #182131;
  --lh-sidebar-active: #243454;
  --lh-text: #edf2fa;
  --lh-text-muted: #a8b3c5;
  --lh-text-on-dark: #f8fafc;
  --lh-text-dark-muted: #aab4c5;
  --lh-border: #2d394c;
  --lh-primary: #91a5ff;
  --lh-primary-soft: #26345f;
  --lh-success: #66d2a9;
  --lh-success-soft: #183e34;
  --lh-warning: #f1bd62;
  --lh-warning-soft: #493718;
  --lh-danger: #ff8998;
  --lh-danger-soft: #4b242c;
  --lh-info: #76c9df;
  --lh-info-soft: #183b47;
  --lh-chart-fitness: #91a5ff;
  --lh-chart-fatigue: #f6a46e;
  --lh-chart-form: #66d2a9;
  --lh-zone-1: #6fa8f0;
  --lh-zone-2: #5cd696;
  --lh-zone-3: #f0cf5a;
  --lh-zone-4: #f2a35f;
  --lh-zone-5: #ef6d6d;
  --lh-zone-6: #c96262;
  --lh-zone-7: #c07ad6;
  --lh-terrain-flat: #aab4c5;
  --lh-terrain-rolling: #7fd0da;
  --lh-terrain-climb: #f08a52;
  --lh-terrain-descent: #7fb8ea;
  --lh-terrain-plateau: #b9aee0;
  --lh-terrain-warmup: #93d3e0;
  --lh-terrain-cooldown: #8ed1a8;
  --lh-terrain-sprint: #e074b8;
  --lh-overlay: rgba(0, 0, 0, .7);
  --lh-focus: rgba(145, 165, 255, .4);
  --lh-shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 14px 34px rgba(0, 0, 0, .22);
}