/* Jetons de la nouvelle interface — mode clair. */
html[data-ui-theme="epure"][data-resolved-scheme="light"] {
    color-scheme: light;

    /* Fond de travail gris, chrome blanc : c'est le contraste de la reference.
       Les cartes blanches ne se detachent que si la page, elle, ne l'est pas. */
    --epure-window: #f5f7fa;
    --epure-sidebar: #ffffff;
    --epure-surface: #ffffff;
    --epure-surface-secondary: #f7f9fc;
    --epure-text: #121826;
    --epure-text-secondary: #5f6b7c;
    --epure-text-tertiary: #667288;
    --epure-separator: #e6eaf0;
    --epure-separator-strong: #d7dee8;
    --epure-hover: #f1f5f9;
    --epure-selected: #e9f0ff;
    --epure-accent: #2563eb;
    --epure-accent-hover: #1d4ed8;
    --epure-focus: 0 0 0 3px rgba(37, 99, 235, 0.2);
    --epure-shadow: 0 2px 8px rgba(20, 37, 63, 0.045);
    --epure-shadow-raised: 0 14px 36px -18px rgba(20, 37, 63, 0.3);
    --epure-backdrop: rgba(0, 0, 0, 0.24);

    /* Bordure d'un champ de saisie. Elle ne peut PAS etre le separateur : le fond
       du champ est celui de la carte, donc la bordure est le seul repere qui dit
       « ici on ecrit ». WCAG 1.4.11 lui demande 3:1 — le separateur en tient 1,35. */
    --epure-field-border: #7991b3;

    /* Encre posee SUR un aplat de sens (bouton plein, pastille de compteur).
       En clair les aplats sont sombres : l'encre est blanche. */
    --epure-on-accent: #ffffff;
    --epure-on-success: #ffffff;
    --epure-on-warn: #ffffff;
    --epure-on-danger: #ffffff;
    --epure-on-info: #ffffff;
    --epure-on-magic: #ffffff;
    --epure-on-client: #ffffff;

    /* Couleurs de sens. Un seul jeu pour les pastilles, les jauges, les
       montants et les graphiques : une meme notion garde partout la meme
       teinte (vert = encaisse, rouge = impaye, ambre = a surveiller). */
    --epure-success: #12833c;
    --epure-success-ink: #157f3d;
    --epure-success-soft: #e7f6ec;
    --epure-warn: #ab5e05;
    --epure-warn-ink: #b35309;
    --epure-warn-soft: #fdf1dd;
    --epure-danger: #dc2626;
    --epure-danger-ink: #b91c1c;
    --epure-danger-soft: #fdeaea;
    --epure-info: #0278b4;
    --epure-info-ink: #0369a1;
    --epure-info-soft: #e4f2fd;
    --epure-magic: #7c3aed;
    --epure-magic-ink: #6d28d9;
    --epure-magic-soft: #f0e9fe;
    --epure-neutral-soft: #eef1f6;

    /* 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: #0b7f75;
    --epure-client-ink: #0f766e;
    --epure-client-soft: #e3f4f1;

    /* Sigles metier (16S / 16L / 16C). Trois teintes franchement distinctes a
       10 px, et aucune ne reprend le bleu de l'accent : un sigle bleu se lit
       comme un element actif. */
    --epure-metier-infogerance: #e2f3f1;
    --epure-metier-infogerance-ink: #0f766e;
    --epure-metier-logiciel: #f0e9fe;
    --epure-metier-logiciel-ink: #6d28d9;
    --epure-metier-communication: #fde8ef;
    --epure-metier-communication-ink: #be185d;

    /* Palette des graphiques : ordre stable, contraste tenu sur fond clair. */
    --epure-chart-1: #3b82f6;
    --epure-chart-2: #6366f1;
    --epure-chart-3: #16a34a;
    --epure-chart-4: #ce8508;
    --epure-chart-5: #ef4444;
    --epure-chart-6: #0d9ee0;
    --epure-chart-7: #a855f7;
    --epure-chart-8: #12a796;
    --epure-chart-grid: rgba(20, 37, 63, 0.07);
}