/*
 * Thème clair du core, le défaut (M06-T03, 50-interface.md § 2 « Thème » et § 7.1).
 *
 * Matière de la direction A « Verre », palette acier/groseille demandée le 29/10. Neutres teintés vers 250, accent groseille 22,
 * jamais #000 ni #fff. Les couleurs translucides (--card, --surface-2, --voile-nav,
 * --muted…) sont du verre : la couleur pleine vit sur des couches opaques.
 *
 * Portée : la racine, sauf si elle est en sombre, et tout élément marqué
 * data-theme="clair" (la page /dev/jetons montre les deux thèmes côte à côte).
 * Le choix est posé avant le premier affichage par theme-init.js.
 */

@layer jetons.theme {
  :root:not([data-theme="sombre"]),
  [data-theme="clair"] {
    color-scheme: light;

    /* Surfaces et texte */
    --background: oklch(0.95 0.014 250);
    --foreground: oklch(0.29 0.025 250);
    --card: oklch(0.985 0.006 250 / 0.68);
    --popover: oklch(0.99 0.005 250 / 0.86);
    --muted: oklch(0.45 0.04 250 / 0.07);
    /* Texte aussi posé directement sur les halos, avec au moins 4,5:1. */
    --muted-foreground: oklch(0.40 0.03 250);
    --surface-2: oklch(0.96 0.012 250 / 0.52);
    --border: oklch(0.4 0.04 250 / 0.12);
    --input: oklch(0.56 0.035 250);
    --ring: oklch(0.56 0.22 22);

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

    /* Action */
    --primary: oklch(0.56 0.22 22);
    --primary-foreground: oklch(0.985 0.008 22);
    --secondary: oklch(0.56 0.22 22 / 0.1);
    --accent: oklch(0.56 0.22 22 / 0.13);
    --accent-foreground: oklch(0.46 0.209 22);

    /* Signalisation (lot 1 du design, 03/11) : quatre familles, chacune en quatre jetons.
     * <famille> : texte et chiffre, 4,5:1 sur le verre et sur sa surface ;
     * -surface : fond de pastille ou d'encart ; -bord : liseré d'1 px ;
     * -vif : point, pictogramme, trait de graphique, 3:1 sur le verre.
     * Le rouge négatif (teinte 33, vermillon) est tenu à l'écart du rouge de la marque
     * (groseille, teinte 22) : un lien ou un bouton ne se lit plus comme une erreur. */
    --positif: oklch(0.47 0.13 152);
    --positif-surface: oklch(0.955 0.045 152);
    --positif-bord: oklch(0.8 0.09 152);
    --positif-vif: oklch(0.57 0.15 152);
    --negatif: oklch(0.51 0.19 33);
    --negatif-surface: oklch(0.955 0.03 33);
    --negatif-bord: oklch(0.8 0.1 33);
    --negatif-vif: oklch(0.58 0.2 33);
    --avertissement: oklch(0.5 0.11 62);
    --avertissement-surface: oklch(0.96 0.055 85);
    --avertissement-bord: oklch(0.8 0.11 78);
    --avertissement-vif: oklch(0.6 0.14 62);
    --info: oklch(0.48 0.12 240);
    --info-surface: oklch(0.955 0.03 240);
    --info-bord: oklch(0.8 0.07 240);
    --info-vif: oklch(0.57 0.14 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.58 0.15 255);
    --serie-2: oklch(0.63 0.17 42);
    --serie-3: oklch(0.6 0.12 165);
    --serie-4: oklch(0.49 0.12 255);
    --serie-5: oklch(0.54 0.14 42);
    --serie-6: oklch(0.51 0.1 165);
    --serie-7: oklch(0.43 0.1 255);
    --serie-8: oklch(0.46 0.12 42);

    /* Données : séquentielle */
    --seq-1: oklch(0.92 0.04 255);
    --seq-2: oklch(0.8 0.09 255);
    --seq-3: oklch(0.6 0.16 255);
    --seq-4: oklch(0.51 0.18 255);
    --seq-5: oklch(0.4 0.16 255);

    /* Données : divergente */
    --div-1: oklch(0.52 0.14 42);
    --div-2: oklch(0.74 0.08 42);
    --div-3: oklch(0.9 0.01 250);
    --div-4: oklch(0.74 0.07 165);
    --div-5: oklch(0.5 0.1 165);

    /* Couleurs d'espace (lot 2 du design) : une teinte par espace, posée sur l'icône de la
     * navigation (puce teintée) ; 3:1 au moins sur le verre. Le client peut les remplacer
     * (`couleurs_espaces` de son thème). Teintes écartées du rouge de la marque (22) et du
     * vermillon du négatif (33). */
    --espace-cockpit: oklch(0.53 0.15 255);
    --espace-tableaux: oklch(0.52 0.16 300);
    --espace-crm: oklch(0.56 0.15 50);
    --espace-ventes: oklch(0.53 0.16 350);
    --espace-stock: oklch(0.52 0.11 165);
    --espace-sav: oklch(0.53 0.1 215);
    --espace-compta: oklch(0.54 0.11 85);
    --espace-admin: oklch(0.52 0.09 200);

    /* Ombres et voile */
    --ombre-1: 0 1px 2px oklch(0.3 0.06 250 / 0.06), 0 10px 28px -14px oklch(0.3 0.08 250 / 0.28);
    --ombre-2: 0 1px 2px oklch(0.3 0.06 250 / 0.08), 0 18px 44px -18px oklch(0.3 0.08 250 / 0.34);
    --ombre-3: 0 2px 6px oklch(0.3 0.06 250 / 0.1), 0 28px 64px -20px oklch(0.3 0.08 250 / 0.4);
    --voile-nav: oklch(0.985 0.006 250 / 0.66);
    /* Commande secondaire (lot 2) : une puce de verre plus dense que la plaque, liseré clair,
     * ombre courte. Le contour sombre de --input reste aux champs, qui en ont besoin. */
    --commande-fond: oklch(0.99 0.005 250 / 0.82);
    --commande-bord: oklch(0.4 0.04 250 / 0.16);
    --ombre-commande: 0 1px 2px oklch(0.3 0.06 250 / 0.1), 0 1px 1px oklch(0.3 0.06 250 / 0.04);

    /* Matière (extension de § 7.1 proposée par la direction A) */
    --fond-1: oklch(0.85 0.06 255);
    --fond-2: oklch(0.88 0.07 42);
    --fond-3: oklch(0.86 0.065 165);
    --card-opaque: oklch(0.972 0.008 250);
    --surface-2-opaque: oklch(0.945 0.012 250);
    --verre-bord: oklch(0.995 0.004 250 / 0.7);
    --verre-reflet: oklch(0.995 0.004 250 / 0.55);
    --verre-arete: inset 0 1px 0 oklch(0.995 0.004 250 / 0.85), inset 0 0 0 1px oklch(0.995 0.004 250 / 0.25);
  }
}