/* ============================================================================
   CORNEBARRIEU CONDUITE , LA CHARTE.

   UN SEUL FICHIER DE COULEURS POUR TOUT : le site public et l'espace
   d'administration le chargent tous les deux, avant leur propre feuille. Une
   couleur change ici, elle change des deux cotes. C'etait le defaut du
   26/08/2026 : l'administration etait restee au gris et bleu du socle, sans
   rapport avec le noir et jaune de l'auto-ecole.

   ELLE VIENT DU LOGO : noir et jaune fluo.

   LA REGLE DU JAUNE, absolue : il ne sert QU'EN FOND OU EN TRAIT, jamais en
   couleur de texte sur fond clair. Le texte pose sur ce jaune est toujours
   noir, ce qui donne un contraste de 16,9 pour 1.

   LA REGLE DU BLANC : pas de blanc pur sur les grandes surfaces. Etale, il
   renvoie trop de lumiere, ecrase le jaune qui est presque aussi clair, et
   fait ressortir le moindre gris. Le fond de page est un papier chaud, les
   surfaces sont a peine plus claires que lui, et la hierarchie vient du
   FILET, pas de la luminosite. Le seul blanc franc admis est une petite
   plaque sous un logo fourni sur fond blanc.

   L'ELEVATION SE CALCULE, elle ne se tatonne pas : on melange la couleur du
   TEXTE dans la surface, jamais du blanc. La meme formule marche alors dans
   les deux themes, et un futur troisieme theme en herite sans code.
   ========================================================================= */

:root {
    /* --- Marque : ne bouge JAMAIS avec le theme --- */
    --c-ink: #14140d;
    --c-paper: #f7f6ec;
    --c-accent: #f9fe01;
    --c-accent-strong: #cbce02;
    --c-on-accent: #14140d;
    --c-plate: #fff;            /* seul blanc pur admis : plaque sous un logo
                                   fourni sur fond blanc. Petite surface, donc
                                   sans effet d'eblouissement. */

    /* --- Theme clair --- */
    --c-bg: #f3f2ea;
    --c-surface: #faf9f4;
    --c-text: #1f1f18;
    --c-muted: #57574a;
    --c-border: #e4e1d3;
    --c-primary: #14140d;
    --c-primary-d: #000;
    --c-on-primary: #f7f6ec;
    --c-link: var(--c-text);
    --img-dim: 1;
    --shadow: 0 1px 2px rgba(20,20,13,.05), 0 8px 24px -12px rgba(20,20,13,.25);
    color-scheme: light;

    /* --- Etats. Ils gardent une teinte propre : rouge et vert disent quelque
           chose qu'aucun jaune ne dirait. Mais ils sont assourdis vers l'olive
           et la brique pour ne pas jurer avec le reste. --- */
    --c-success: #3f7d20;
    --c-error:   #b03a2e;
    --c-warning: #9a7b0a;

    /* --- Espacement, rythme, typo : communs aux deux cotes --- */
    --sp-1: .25rem; --sp-2: .5rem; --sp-3: 1rem; --sp-4: 1.5rem;
    --sp-5: 2.5rem; --sp-6: 4rem; --sp-7: 6rem;
    --radius: 10px;
    --radius-sm: 4px;
    --rule: 4px;               /* epaisseur du trait jaune de marquage */
    --font-sys: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --maxw: 1280px;            /* largeur de la page, des deux cotes */

    /* --- Derives : calcules, jamais tatonnes a l'oeil --- */
    --c-surface-raised: color-mix(in srgb, var(--c-text) 6%, var(--c-surface));
    --c-border-strong: color-mix(in srgb, var(--c-text) 45%, var(--c-border));
}

/* LE REGLAGE DE L'ORDINATEUR N'EST JAMAIS CONSULTE, des deux cotes : le
   basculement automatique a ete retire. Le theme depend d'un attribut pose sur
   la balise racine, et de lui seul.

   D'OU LE POINT DE DEPART, ET IL DIFFERE : le SITE PUBLIC s'ouvre en SOMBRE,
   parce que le noir est la couleur de l'enseigne et que la cliente y tient.
   L'ADMINISTRATION s'ouvre en CLAIR, parce qu'on y lit des tableaux et des
   preuves, pas une vitrine. Le meme bouton bascule des deux cotes, et le choix
   de la personne est retenu par son navigateur. */
:root[data-theme="dark"] {
    --c-bg: #121210;
    --c-surface: #1c1c15;
    --c-text: #e6e5dc;
    --c-muted: #b5b29c;
    --c-border: #33332a;
    --c-accent: #e8ec1a;       /* le jaune s'adoucit un peu sur fond noir */
    --c-primary: #e8ec1a;
    --c-primary-d: #f9fe01;
    --c-on-primary: #14140d;
    --c-link: var(--c-accent-strong);
    --img-dim: .85;
    --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.7);
    color-scheme: dark;

    --c-success: #7fbf5a;
    --c-error:   #ff8f7e;
    --c-warning: #e0be4a;
}

/* LA BANDE NOIRE, signature de l'enseigne. Elle redefinit les jetons
   LOCALEMENT : tout ce qui se trouve dedans, liens, filets, elevation, suit
   sans une seule regle en plus. Elle reste noire dans les deux themes, parce
   que le logo est sur fond noir. Le site l'utilise en tete et en pied, et
   l'espace d'administration en tete. */
.band-dark {
    --c-surface: #14140d; --c-surface-raised: #1f1f18;
    --c-text: #f7f6ec; --c-muted: #b5b29c; --c-border: #33332a;
    --c-link: var(--c-accent-strong); --c-primary: var(--c-accent);
    background: var(--c-surface); color: var(--c-text);
}

/* LE LOGO EST UN JPEG A FOND NOIR. Pose sur la bande, il laissait voir son
   rectangle. En mode « lighten », le blanc et le jaune restent et la bande
   passe partout ou le logo est noir. Aucune retouche de l'image. */
.marque-logo { width: 170px; height: auto; mix-blend-mode: lighten; }