/* =========================================================================
   THEME.CSS — feuille de style commune à TOUTES les pages du projet
   (connexion école, configurateur, admin, bon de production...)

   But : changer l'apparence de l'ensemble du site en modifiant UNIQUEMENT
   ce fichier — aucun autre fichier n'a besoin d'être touché.

   Exemple : le patron n'aime pas le rouge ?
   → changer --rouge (et --rouge-fonce / --rouge-clair) ci-dessous.
   → toutes les pages qui incluent ce fichier changent automatiquement.

   Chaque page doit inclure, dans son <head>, AVANT ses propres styles :
   <link rel="stylesheet" href="theme.css">
   ========================================================================= */

:root{

  /* ---- Couleur de marque -------------------------------------------- */
  --rouge:        #8c1d24;   /* couleur principale (boutons, en-têtes)   */
  --rouge-fonce:  #5e1216;   /* variante foncée (dégradés, survol)       */
  --rouge-clair:  #b3323a;   /* variante claire (accents, liens actifs)  */

  /* ---- Neutres --------------------------------------------------------*/
  --fond:         #f4f2ee;   /* fond général de page                     */
  --carte:        #ffffff;   /* fond des cartes / panneaux                */
  --bordure:      #e2ddd5;   /* bordures, séparateurs                    */
  --texte:        #2b2622;   /* texte principal                          */
  --texte-doux:   #6b645c;   /* texte secondaire / sous-titres           */

  /* ---- États ------------------------------------------------------- */
  --ok:                #2e7d4f;   /* succès / confirmation               */
  --alerte-fond:       #fff6e0;   /* bandeau d'avis (fond)                */
  --alerte-bordure:    #e9d68a;   /* bandeau d'avis (bordure)             */
  --alerte-texte:      #6b5410;   /* bandeau d'avis (texte)               */

  /* ---- Typographie --------------------------------------------------- */
  --police: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  /* ---- Forme ----------------------------------------------------------*/
  --radius:       12px;      /* coins arrondis standards (cartes)        */
  --radius-petit: 8px;       /* coins arrondis (champs, boutons)         */
  --ombre-carte:  0 10px 30px rgba(0,0,0,.06);
}
