/* ── Contraste élevé / Daltonien ─────────────────────────── */
/*
   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.
   États hors de l'axe rouge/vert (couleurs d'Okabe et Ito), bordures
   renforcées, liens soulignés, contours de champ épais, texte plus grand.
   L'ambre de l'avertissement n'atteint que 2,25:1 sur blanc : il est toujours
   accompagné de son texte (--color-warning-text, 6,78:1).
*/
:root,
[data-theme="colorblind"] {
    color-scheme: light;
    --color-bg: #f4f4f4;
    --color-surface: #ffffff;
    --color-surface-2: #fafafa;
    --color-surface-3: #e8e8e8;
    --color-border: #767676;
    --color-border-strong: #767676;
    --color-text: #1e1e1e;
    --color-text-2: #3f3f3f;
    --color-text-muted: #5a5a5a;
    --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: #0072b2;
    --color-success-bg: #e5f1f8;
    --color-success-text: #005a8c;
    --color-warning: #e69f00;
    --color-warning-bg: #fdf3dd;
    --color-warning-text: #7a5400;
    --color-critical: #d55e00;
    --color-critical-bg: #fbebdf;
    --color-critical-text: #a34700;
    --color-info: #6a3d9a;
    --color-info-bg: #f0eaf6;
    --color-info-text: #5a3383;
    --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: #005a8c;
    --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;
}

[data-theme="colorblind"] :focus-visible {
    outline: 3px solid var(--color-focus);
    outline-offset: 2px;
}
[data-theme="colorblind"] input,
[data-theme="colorblind"] select,
[data-theme="colorblind"] textarea {
    border: 2px solid var(--color-text) !important;
}
[data-theme="colorblind"] input:focus,
[data-theme="colorblind"] select:focus,
[data-theme="colorblind"] textarea:focus {
    border-color: var(--color-link) !important;
    box-shadow:   0 0 0 3px var(--color-selection-border) !important;
}
/* Badges et alertes : un contour en plus de la couleur. */
[data-theme="colorblind"] .badge-success { border: 2px solid var(--color-success); }
[data-theme="colorblind"] .badge-danger  { border: 2px solid var(--color-critical); }
[data-theme="colorblind"] .badge-warning { border: 2px solid var(--color-warning); }
[data-theme="colorblind"] .badge-info    { border: 2px solid var(--color-info); }

[data-theme="colorblind"] body { font-size: 1rem; }
/* Liens de texte soulignés : un lien ne se reconnaît pas qu'à sa couleur.
   Les boutons, la barre de navigation et les onglets ont déjà leur forme. */
[data-theme="colorblind"] a:not(.btn):not(.site-title):not(.nav-link):not(.nav-icone):not(.page-onglet):not(.admin-nav-item) { text-decoration: underline; }