/*
 * Couleurs du site — SEULE source de couleurs (cf. CLAUDE.md « Charte
 * graphique ») : aucun template ni aucune feuille de page ne contient de
 * couleur en dur, uniquement des var(--…) définies ici.
 *
 * Chargé par templates/base.html.twig avant toute autre feuille, donc
 * disponible partout, y compris dans les écrans de jeu qui n'étendent pas
 * layout/public.html.twig.
 */
:root{
    /* ---- Fonds : 3 niveaux bien distincts ---- */
    --fond-page:#17110C;
    --fond-carte:#231A13;
    --fond-element:#30251C;          /* dans une carte : cartes imbriquées, pastilles, champs */
    --fond-page-voile:rgba(23,17,12,.92);   /* header collant, translucide */
    --voile-dialogue:rgba(23,17,12,.75);    /* arrière-plan d'une boîte de dialogue */
    --voile-modale:rgba(0,0,0,.9);          /* visionneuse plein écran (documents, photos) */
    --voile-bouton:rgba(0,0,0,.5);          /* boutons posés sur la visionneuse */

    /* ---- Papier et encre (éléments « dossier » / documents) ---- */
    --papier:#F1E7D2;
    --papier-ombre:#E3D5B8;
    --blanc:#FFFFFF;
    --encre:#2B2118;
    --encre-cadre:rgba(43,33,24,.18);
    --encre-trait:rgba(43,33,24,.3);        /* pointillés : réservés au style papier */
    --encre-douce:rgba(43,33,24,.7);
    --brume:#B9AA92;                        /* texte secondaire */

    /* ---- Bordures : lignes pleines, jamais décoratives en laiton ---- */
    --bordure:rgba(241,231,210,.08);        /* par défaut : cartes, séparateurs, header */
    --bordure-accent:rgba(201,162,39,.45);  /* uniquement mise en avant : focus, sélection */
    --bordure-bouton:rgba(241,231,210,.3);  /* bouton secondaire (ghost) */
    --bordure-champ:#444444;                /* champs de formulaire */

    /* ---- Laiton : boutons principaux, onglet actif, filtres actifs,
            codes d'équipe, totaux, barres de progression ---- */
    --laiton:#C9A227;
    --laiton-survol:#DBB53B;
    --laiton-halo:rgba(201,162,39,.14);     /* halo d'ambiance (dégradé), jamais une bordure */

    /* ---- Rouge : #B3311F jamais en texte sur fond sombre ---- */
    --tampon:#B3311F;                       /* fond, bordure, ou texte sur papier uniquement */
    --tampon-survol:#C94430;
    --tampon-bordure:rgba(179,49,31,.6);
    --tampon-fond:rgba(179,49,31,.09);
    --tampon-halo:rgba(179,49,31,.15);
    --rouge-texte:#E0846F;                  /* rouge lisible sur fond sombre (≥ 4,5:1) */

    /* ---- Statuts ---- */
    --statut-en-cours:#8DB36A;
    --statut-en-cours-fond:rgba(141,179,106,.14);
    --statut-terminee:var(--laiton);
    --statut-terminee-fond:rgba(201,162,39,.16);
    --statut-en-attente:var(--brume);
    --statut-en-attente-fond:rgba(185,170,146,.15);
    --statut-entre-sessions:#8FB3D1;

    /* ---- Divers ---- */
    --piste-barre:rgba(241,231,210,.12);    /* fond d'une barre de progression */
    --ombre-portee:rgba(0,0,0,.55);
    --ombre-papier:rgba(43,33,24,.12);

    /* ---- Impression (feuilles de codes) ---- */
    --impression-fond:#FFFFFF;
    --impression-encre:#000000;
    --impression-gris:#333333;
    --impression-trait:#999999;

    /* ================================================================
     * Habillages rétro des écrans de jeu — propres à chaque habillage,
     * jamais réutilisés dans les interfaces de gestion.
     * ================================================================ */

    /* ---- Minitel (Le Laboratoire) ---- */
    --minitel-noir:#000000;
    --minitel-blanc:#FFFFFF;
    --minitel-gris-clair:#E4E4E4;
    --minitel-gris:#B7B7B7;
    --minitel-bleu:#6375C2;

    /* ---- Terminal phosphore (Le Bunker) ---- */
    --terminal-noir:#000000;
    --terminal-blanc:#FFFFFF;
    --terminal-blanc-80:rgba(255,255,255,.8);
    --terminal-blanc-20:rgba(255,255,255,.2);
    --terminal-transparent:rgba(0,0,0,0);
    --terminal-ombre:rgba(0,0,0,.3);
    --terminal-phosphore:#1AEF0F;
    --terminal-phosphore-halo:rgba(51,255,51,.4);
    --terminal-phosphore-plein:rgba(51,255,51,1);
    --terminal-phosphore-pale:rgba(128,255,128,.8);
    --terminal-vert-balayage:rgba(32,128,32,.2);
    --terminal-vert-balayage-fort:rgba(32,128,32,.8);
    --terminal-vert-moyen:#1A8814;
    --terminal-vert-sombre:#11581E;
    --terminal-vert-fond:#041607;
    --terminal-rouge:#EF120F;
    --terminal-gris:#A7A4A4;
    --terminal-gris-clair:#CCCCCC;
    --terminal-gris-moyen:#999999;
    --terminal-bleu:#6FA8FF;
    --terminal-bleu-clair:#9FC7FF;
    --terminal-bleu-focus:#3A6BD8;
    --terminal-bleu-bouton:#337AB7;
    --terminal-bleu-bouton-bordure:#2E6DA4;
    --terminal-message-erreur:#DF5959;
    --terminal-message-succes:#6FCB6A;

    /* Habillage du blog : celui de l’ancien site, gardé tel quel (seule page
       du site qui ne prend pas le nouveau style). Jamais réutilisées ailleurs. */
    --blog-noir:#212121;
    --blog-blanc:#FFFFFF;
    --blog-texte:#000000;
    --blog-bordure:#C2C2C2;
    --blog-gris-date:#C8C8C8;
    --blog-encadre:#DDDDDD;
}