/* CarChart dark values by the system setting, for pages that run no script (carchart.net).
   Load after styles.css. A page can still force light with data-theme="light" on <html>.
   Keep in step with the [data-theme="dark"] block of colors.css: same names, same values. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0f1412;
    --panel: #171e1b;
    --grid: #1f2824;
    --grid-strong: #2a3530;
    --line: #2b3631;
    --ink: #edf1ee;
    --ink-2: #b4beb9;
    --ink-3: #89958f;
    --night: #1a2531;
    --accent: #7fb0dd;
    --accent-ink: #0d1a26;
    --accent-soft: #1c2b38;
    --steel: #9aa4ab;
    --route: #8fa9c6;
    --lamp: #e7a93a;
    --lamp-ink: #e7a93a;
    --lamp-soft: #35290f;
    --good: #62c482;
    --good-soft: #193020;
    --alarm: #d24d45;
    --alarm-ink: #e07167;
    --alarm-soft: #3e211f;
    --trace-fill: rgba(127, 176, 221, 0.12);
    --chart-1: var(--route);
    --ramp-2: #354c61;         /* 1.90 on panel */
    --ramp-3: #4e6e8b;         /* 3.17 */
    --ramp-4: #668fb4;         /* 4.97 */
    /* Shared with light (pass in both): --edge, --accent-mid,
       --chart-2 to --chart-4, --chart-trace-shared,
       --chart-1-shared. Never override. */
    --logo-mark: #edf1ee;
    --logo-pins: #1a2531;
    --logo-word-car: #edf1ee;
    --logo-lamp: var(--lamp);
    --logo-word-chart: var(--lamp);
    --qr-module: var(--paper);
  }
}