/* ── Thème du système ────────────────────────────────────── */
/*
   Valeurs de la charte graphique WebDelphes (wddoc/charte/jetons/tokens.json).
   Ne pas retoucher une couleur ici sans la changer dans la charte : les
   contrastes y sont contrôlés (WCAG AA), pas ici.
   Clair par défaut, sombre si le système le demande : mêmes valeurs que
   light.css et dark.css.
*/
:root,
[data-theme="os"] {
    color-scheme: light;
    --color-bg: #f4f4f4;
    --color-surface: #ffffff;
    --color-surface-2: #fafafa;
    --color-surface-3: #e8e8e8;
    --color-border: #d4d4d4;
    --color-border-strong: #767676;
    --color-text: #1e1e1e;
    --color-text-2: #3f3f3f;
    --color-text-muted: #6b6b6b;
    --color-text-inverse: #ffffff;
    --color-primary: #800000;
    --color-primary-h: #6a0000;
    --color-primary-active: #520000;
    --color-on-primary: #ffffff;
    --color-link: #800000;
    --color-selection: #fbf3f3;
    --color-selection-border: #e9bebe;
    --color-focus: #a32d2d;
    --color-success: #1a7f37;
    --color-success-bg: #e8f5ec;
    --color-success-text: #14652c;
    --color-warning: #c77700;
    --color-warning-bg: #fff4e0;
    --color-warning-text: #8a5300;
    --color-critical: #d92d20;
    --color-critical-bg: #fdecea;
    --color-critical-text: #b42318;
    --color-info: #1f6fb2;
    --color-info-bg: #e8f1fa;
    --color-info-text: #185a91;
    --color-danger: #b42318;
    --color-danger-h: #912018;
    --color-on-danger: #ffffff;
    --color-nav-bg: #1e1e1e;
    --color-nav-text: #e8e8e8;
    --color-nav-muted: #9a9a9a;
    --color-nav-active: #ffffff;
    --color-nav-filet: #800000;
    --color-code-bg: #fafafa;
    --color-code-text: #1e1e1e;
    --color-code-keyword: #0b5cad;
    --color-code-string: #1a7f37;
    --color-code-number: #8a3fbf;
    --color-code-comment: #6b6b6b;
    --color-grid: #e8e8e8;
    --color-axis: #bdbdbd;
    --color-secondary: #5a5a5a;
    --color-nav-hover: #2c2c2c;
    --color-serie-autres: #9a9a9a;
    --color-overlay: rgba(0, 0, 0, .45);
    --shadow: 0 1px 2px rgba(0, 0, 0, .08);
    --shadow-2: 0 4px 12px rgba(0, 0, 0, .12);
    --color-serie-1: #2a78d6;
    --color-serie-2: #eb6834;
    --color-serie-3: #1baf7a;
    --color-serie-4: #eda100;
    --color-serie-5: #e87ba4;
    --color-serie-6: #008300;
    --color-serie-7: #6250d6;
    --color-serie-8: #e34948;
}

@media (prefers-color-scheme: dark) {
    :root,
    [data-theme="os"] {
        color-scheme: dark;
        --color-bg: #141414;
        --color-surface: #1e1e1e;
        --color-surface-2: #242424;
        --color-surface-3: #2c2c2c;
        --color-border: #383838;
        --color-border-strong: #707070;
        --color-text: #ededed;
        --color-text-2: #c8c8c8;
        --color-text-muted: #a0a0a0;
        --color-text-inverse: #1e1e1e;
        --color-primary: #a32d2d;
        --color-primary-h: #800000;
        --color-primary-active: #6a0000;
        --color-on-primary: #ffffff;
        --color-link: #d99494;
        --color-selection: #3a1616;
        --color-selection-border: #6a2c2c;
        --color-focus: #d99494;
        --color-success: #4cc273;
        --color-success-bg: #15301e;
        --color-success-text: #7ad69a;
        --color-warning: #f0b429;
        --color-warning-bg: #33280f;
        --color-warning-text: #f5c95e;
        --color-critical: #ff6b5e;
        --color-critical-bg: #3b1a17;
        --color-critical-text: #ff8f85;
        --color-info: #6cb4ee;
        --color-info-bg: #132a3d;
        --color-info-text: #94c9f3;
        --color-danger: #ff6b5e;
        --color-danger-h: #ff8f85;
        --color-on-danger: #141414;
        --color-nav-bg: #1e1e1e;
        --color-nav-text: #d4d4d4;
        --color-nav-muted: #8c8c8c;
        --color-nav-active: #ffffff;
        --color-nav-filet: #c26464;
        --color-code-bg: #181818;
        --color-code-text: #ededed;
        --color-code-keyword: #7cb7f0;
        --color-code-string: #7ad69a;
        --color-code-number: #c9a2eb;
        --color-code-comment: #a0a0a0;
        --color-grid: #2c2c2c;
        --color-axis: #4a4a4a;
        --color-secondary: #767676;
        --color-nav-hover: #2c2c2c;
        --color-serie-autres: #767676;
        --color-overlay: rgba(0, 0, 0, .6);
        --shadow: 0 1px 2px rgba(0, 0, 0, .4);
        --shadow-2: 0 4px 14px rgba(0, 0, 0, .5);
        --color-serie-1: #3987e5;
        --color-serie-2: #d95926;
        --color-serie-3: #199e70;
        --color-serie-4: #c98500;
        --color-serie-5: #d55181;
        --color-serie-6: #008300;
        --color-serie-7: #9085e9;
        --color-serie-8: #e66767;
    }
}