/* ============================================
   Dark, for an app that opts in
   Each colour token's dark value, as the device is set.
   An app that links only tokens.css stays light.
   ============================================ */
:root {
    color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-bg: #121418;
        --color-surface: #1b1e24;
        --color-text: #e6e8eb;
        --color-muted: #a4abb5;
        --color-link: #8fb0e0;
        --color-link-hover: #b1c8e9;
        --color-border: #2e333b;
        --color-accent: #8fb0e0;
        --color-on-accent: #0b0c0f;
        --color-accent-light: #252b36;
        --color-danger: #f08a93;
        --color-alert-bg: #4a2228;
        --color-success: #5cc98a;
        --color-series-1: #3987e5;
        --color-series-2: #d95926;
        --color-series-3: #199e70;
        --color-series-4: #c98500;
        --color-series-5: #d55181;
        --color-series-6: #008300;
        --color-series-7: #9085e9;
        --color-series-8: #e66767;
    }
}