@layer jetons.theme {
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) {
    color-scheme: dark;

    /* Surfaces et texte */
    --background: oklch(0.17 0.03 250);
    --foreground: oklch(0.955 0.008 250);
    --card: oklch(0.27 0.026 250 / 0.56);
    --popover: oklch(0.29 0.026 250 / 0.88);
    --muted: oklch(0.9 0.02 250 / 0.07);
    --muted-foreground: oklch(0.78 0.02 250);
    --surface-2: oklch(0.21 0.028 250 / 0.6);
    --border: oklch(0.9 0.02 250 / 0.11);
    --input: oklch(0.645 0.03 250);
    --ring: oklch(0.78 0.13 22);

    /* Poignée acier discrète sur une piste de verre, renforcée au survol. */
    --defilement-poignee: oklch(0.75 0.025 250 / 0.65);
    --defilement-survol: var(--muted-foreground);
    --defilement-piste: var(--surface-2);

    /* Action */
    --primary: oklch(0.78 0.13 22);
    --primary-foreground: oklch(0.2 0.05 22);
    --secondary: oklch(0.78 0.13 22 / 0.14);
    --accent: oklch(0.78 0.13 22 / 0.18);
    --accent-foreground: oklch(0.87 0.08 22);

    /* Signalisation (lot 1 du design, 03/11) : mêmes familles qu'en clair, tons clairs
     * sur fonds profonds de même teinte. Le négatif (corail, teinte 33) reste distinct
     * de la groseille de la marque (teinte 22). */
    --positif: oklch(0.82 0.13 152);
    --positif-surface: oklch(0.3 0.06 152);
    --positif-bord: oklch(0.5 0.09 152);
    --positif-vif: oklch(0.76 0.16 152);
    --negatif: oklch(0.79 0.13 33);
    --negatif-surface: oklch(0.31 0.075 33);
    --negatif-bord: oklch(0.52 0.12 33);
    --negatif-vif: oklch(0.72 0.17 33);
    --avertissement: oklch(0.84 0.12 80);
    --avertissement-surface: oklch(0.31 0.06 70);
    --avertissement-bord: oklch(0.54 0.1 75);
    --avertissement-vif: oklch(0.8 0.15 75);
    --info: oklch(0.8 0.1 240);
    --info-surface: oklch(0.3 0.05 240);
    --info-bord: oklch(0.52 0.08 240);
    --info-vif: oklch(0.74 0.12 245);

    /* États par paires : anciens noms, renvoyés vers la signalisation. */
    --success: var(--positif);
    --success-subtle: var(--positif-surface);
    --warning: var(--avertissement);
    --warning-subtle: var(--avertissement-surface);
    --danger: var(--negatif);
    --danger-subtle: var(--negatif-surface);
    --info-subtle: var(--info-surface);

    /* Données : séries catégorielles */
    --serie-1: oklch(0.76 0.12 255);
    --serie-2: oklch(0.78 0.13 42);
    --serie-3: oklch(0.77 0.11 165);
    --serie-4: oklch(0.7 0.1 255);
    --serie-5: oklch(0.72 0.11 42);
    --serie-6: oklch(0.71 0.09 165);
    --serie-7: oklch(0.84 0.08 255);
    --serie-8: oklch(0.84 0.09 42);

    /* Données : séquentielle */
    --seq-1: oklch(0.32 0.06 255);
    --seq-2: oklch(0.44 0.1 255);
    --seq-3: oklch(0.64 0.13 255);
    --seq-4: oklch(0.72 0.12 255);
    --seq-5: oklch(0.82 0.1 255);

    /* Données : divergente */
    --div-1: oklch(0.75 0.12 42);
    --div-2: oklch(0.55 0.08 42);
    --div-3: oklch(0.4 0.015 250);
    --div-4: oklch(0.55 0.07 165);
    --div-5: oklch(0.78 0.09 165);

    /* Couleurs d'espace (lot 2 du design) : mêmes teintes qu'en clair, éclaircies. */
    --espace-cockpit: oklch(0.76 0.12 255);
    --espace-tableaux: oklch(0.76 0.13 300);
    --espace-crm: oklch(0.79 0.12 55);
    --espace-ventes: oklch(0.77 0.12 350);
    --espace-stock: oklch(0.78 0.11 165);
    --espace-sav: oklch(0.78 0.09 215);
    --espace-compta: oklch(0.82 0.11 88);
    --espace-admin: oklch(0.79 0.08 200);

    /* Ombres et voile */
    --ombre-1: 0 1px 2px oklch(0.08 0.02 250 / 0.4), 0 12px 32px -14px oklch(0.06 0.02 250 / 0.7);
    --ombre-2: 0 1px 2px oklch(0.08 0.02 250 / 0.45), 0 20px 48px -18px oklch(0.06 0.02 250 / 0.75);
    --ombre-3: 0 2px 6px oklch(0.08 0.02 250 / 0.5), 0 30px 70px -20px oklch(0.06 0.02 250 / 0.8);
    --voile-nav: oklch(0.25 0.026 250 / 0.62);
    --commande-fond: oklch(0.34 0.024 250 / 0.62);
    --commande-bord: oklch(0.95 0.01 250 / 0.14);
    --ombre-commande: 0 1px 2px oklch(0.06 0.02 250 / 0.5), 0 1px 1px oklch(0.06 0.02 250 / 0.3);

    /* Matière (extension de § 7.1 proposée par la direction A) */
    --fond-1: oklch(0.32 0.075 255);
    --fond-2: oklch(0.3 0.07 30);
    --fond-3: oklch(0.31 0.065 165);
    --card-opaque: oklch(0.23 0.024 250);
    --surface-2-opaque: oklch(0.205 0.026 250);
    --verre-bord: oklch(0.95 0.01 250 / 0.17);
    --verre-reflet: oklch(0.95 0.01 250 / 0.08);
    --verre-arete: inset 0 1px 0 oklch(0.95 0.01 250 / 0.22), inset 0 0 0 1px oklch(0.95 0.01 250 / 0.05);
  }
}
}