/*
 * Couleurs et polices du site, d'après la charte de Louis (charte.md) :
 *   une couleur = une fonction, aucun rouge, proportions visées 60 % fond neutre, 30 % bleu, 10 % tan.
 *   - bleu nuit : titres, en-tête, structure (toujours du texte blanc dessus) ; bleu moyen : sous-titres, libellés ;
 *   - bleu pâle : zones d'information ; tan foncé : ce qui demande une action (boutons) ; tan pâle : mises en avant
 *     (offres, places restantes), avec du texte tan foncé ; vert pâle : uniquement la validation (coches) ;
 *   - blanc chaud : fond général ; blanc : cartes.
 * Chargé par sa propre balise <link> avant app.css (pas d'@import : Tailwind échoue si le chemin contient « # »).
 */
:root{
    /* Charte */
    --nuit:#1B3F6E;
    --bleu:#2E5F94;
    --bleu-pale:#DDE8F4;
    --vert-pale:#DDF0E3;
    --vert-fonce:#2D6A45;
    --tan:#9E742C;
    --tan-fonce:#7A5820;      /* texte sur tan pâle (le tan de la charte y est trop clair pour être lu en petit) */
    --tan-pale:#F2E8D6;
    --gris:#EDEAE4;
    --blanc-chaud:#F5F2EC;
    --carte:#FFFFFF;

    /* Rôles (lus par app.css, l'administration et la page de lancement) */
    --blanc:var(--blanc-chaud);   /* fond */
    --givre:var(--bleu-pale);     /* fond secondaire */
    --encre:var(--nuit);          /* accent, titres, liens */
    --graphite:#16202B;           /* texte principal */
    --pierre:#4F5B69;             /* texte secondaire */
    --trait:#DCD5C8;              /* bordures */
    --sur-encre:#FFFFFF;

    --police-texte:"Nunito Sans";
    --police-titres:"Bricolage Grotesque";
    --police-main:"Caveat";       /* annotations « écrites à la main », avec parcimonie */

    --rayon:1.25rem;
    --rayon-bouton:999px;
    --hauteur-entete:5rem;
}