/* Jetons de la nouvelle interface — mode sombre (y compris Auto resolu sombre). */
html[data-ui-theme="epure"][data-resolved-scheme="dark"] {
    color-scheme: dark;

    --epure-window: #11151c;
    --epure-sidebar: #151b24;
    --epure-surface: #1b222d;
    --epure-surface-secondary: #202936;
    --epure-text: #f4f7fb;
    --epure-text-secondary: #aab5c5;
    --epure-text-tertiary: #8290a3;
    --epure-separator: #293442;
    --epure-separator-strong: #3a4658;
    --epure-hover: rgba(255, 255, 255, 0.07);
    --epure-selected: rgba(59, 130, 246, 0.18);
    --epure-accent: #5b91f5;
    --epure-accent-hover: #76a5ff;
    --epure-focus: 0 0 0 3px rgba(91, 145, 245, 0.3);
    --epure-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    --epure-shadow-raised: 0 14px 38px -18px rgba(0, 0, 0, 0.82);
    --epure-backdrop: rgba(0, 0, 0, 0.52);

    /* Bordure d'un champ de saisie : seul repere qui distingue le champ de la
       carte, donc 3:1 exige (le separateur n'en tient que 1,67). */
    --epure-field-border: #5f7290;

    /* Encre posee SUR un aplat de sens. En sombre les aplats sont CLAIRS (ils
       sont calibres pour se lire en texte sur fond sombre) : l'encre blanche y
       tombait a 1,67-3,08:1. Une encre sombre y tient 6 a 11:1. */
    --epure-on-accent: #0b1220;
    --epure-on-success: #0b1220;
    --epure-on-warn: #0b1220;
    --epure-on-danger: #0b1220;
    --epure-on-info: #0b1220;
    --epure-on-magic: #0b1220;
    --epure-on-client: #0b1220;

    /* Memes notions qu'en clair, remontees en luminosite : sur fond sombre une
       teinte saturee vibre et devient illisible en petit corps. */
    --epure-success: #4ade80;
    --epure-success-ink: #6ee7a5;
    --epure-success-soft: rgba(74, 222, 128, 0.15);
    --epure-warn: #fbbf24;
    --epure-warn-ink: #fcd34d;
    --epure-warn-soft: rgba(251, 191, 36, 0.16);
    --epure-danger: #f87171;
    --epure-danger-ink: #fca5a5;
    --epure-danger-soft: rgba(248, 113, 113, 0.16);
    --epure-info: #38bdf8;
    --epure-info-ink: #7dd3fc;
    --epure-info-soft: rgba(56, 189, 248, 0.16);
    --epure-magic: #c084fc;
    --epure-magic-ink: #d8b4fe;
    --epure-magic-soft: rgba(192, 132, 252, 0.16);
    --epure-neutral-soft: rgba(255, 255, 255, 0.08);

    /* Voix du fil de conversation. Le client n'est ni un statut ni un metier :
       il lui faut sa propre teinte, sinon sa bulle et la reponse du technicien
       (accent) se ressemblent une fois les deux fonds pales. */
    --epure-client: #2dd4bf;
    --epure-client-ink: #5eead4;
    --epure-client-soft: rgba(45, 212, 191, 0.16);

    --epure-metier-infogerance: rgba(45, 212, 191, 0.16);
    --epure-metier-infogerance-ink: #5eead4;
    --epure-metier-logiciel: rgba(192, 132, 252, 0.18);
    --epure-metier-logiciel-ink: #d8b4fe;
    --epure-metier-communication: rgba(244, 114, 182, 0.18);
    --epure-metier-communication-ink: #f9a8d4;

    --epure-chart-1: #60a5fa;
    --epure-chart-2: #818cf8;
    --epure-chart-3: #4ade80;
    --epure-chart-4: #fbbf24;
    --epure-chart-5: #f87171;
    --epure-chart-6: #38bdf8;
    --epure-chart-7: #c084fc;
    --epure-chart-8: #2dd4bf;
    --epure-chart-grid: rgba(255, 255, 255, 0.08);
}