/* Identité commune de PLATAFORMA PDF : fonds, surfaces, texte, états.
   Source unique pour tous les modules et toutes les maquettes : importer ce fichier (puis locales.css), ne jamais recopier les valeurs.
   Base : le bleu Saint Germain de l'appli de fidélité Club SG (extractor/club-sg/app/static/club.css) :
   bleu #304878, bleu profond #22365C, or #BFAF82, or pâle #D8CCA8, crème #E9EAE4.
   Règles d'Alex du 14/10/2026 :
   - « tu devrais utiliser le bleu SG, pourquoi être compliqué » et « bleu de l'appli de fidelidad » : tout part de #304878 ;
   - « je suis tj en mode sombre donc tu dois t'adapter » : le thème SOMBRE est le défaut, le clair est une option (Personalizar) ;
   - « le noir comme ça, je suis pas trop fan » : sombre en paliers de bleu SG, jamais de noir pur ;
   - « trop de blanc c'est insupportable » : en clair, fond crème SG, aucune surface en blanc pur ;
   - blocs nettement distincts du fond dans les deux thèmes.
   Pas de logo, pas de drapeau, pas de gadget : seulement les couleurs.
   Thème clair : classe `light` sur <body> ou attribut data-theme="light" sur <html>.
   15/10/2026 : ces règles de sombre visaient la page Direction seule ; la Comptabilité ajoute theme-comptabilite.css
   (clair par défaut, blanc et gris, barre bleu SG). */
:root {
  /* fonds et surfaces : paliers du bleu SG, du plus profond (autour) au bleu profond de la fidélité (blocs) */
  --bg: #121d35;       /* autour de l'application */
  --app: #182641;      /* fond de l'application, derrière les blocs */
  --card: #22365c;     /* blocs, listes, formulaires = bleu profond SG (toujours avec bordure --line et ombre --shadow) */
  --soft: #2a4170;     /* zones secondaires dans un bloc, survol */
  --line: #36508a;     /* bordures */
  --line2: #46619a;    /* bordures marquées */
  --shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 14px rgba(0, 0, 0, .25);
  /* barre latérale et bandeaux de section : le bleu SG lui-même ; élément actif en or SG */
  --side: #304878; --side-ink: #e9eae4; --side-mute: #c3cbdc; --side-title: #ffffff;
  --side-hover: #3a5488; --side-on: #bfaf82; --side-on-ink: #22365c;
  /* texte (crème SG) */
  --ink: #f1f2ee; --ink2: #d3d8e3; --ink3: #b4bed2;
  /* action et états (réservés : jamais pour un local) */
  --blue: #4a66a8; --blue-soft: #2f4778;   /* fond des boutons : bleu SG éclairci */
  --on-blue: #ffffff;                      /* texte sur --blue (boutons, choix actifs) : 5,7:1 en sombre, 9:1 en clair */
  --link: #d8cca8;                         /* liens et texte d'action : or pâle SG */
  --red: #fc9a92; --red-soft: #4a2633;
  --amber: #fbbf24; --amber-soft: #43391f;
  --ok: #34d399; --ok-soft: #173f45;
  color-scheme: dark;
}
body.light, :root[data-theme="light"] {
  --bg: #d3d5cb; --app: #dddfd6; --card: #eeefe9; --soft: #e6e7e0; --line: #d0d2c8; --line2: #bec1b5;
  --shadow: 0 1px 2px rgba(34, 54, 92, .07), 0 4px 14px rgba(34, 54, 92, .08);
  --side: #304878; --side-ink: #e9eae4; --side-mute: #c3cbdc; --side-title: #ffffff;
  --side-hover: #3a5488; --side-on: #bfaf82; --side-on-ink: #22365c;
  --ink: #1c2640; --ink2: #45506a; --ink3: #566074;
  --blue: #304878; --blue-soft: #dde2ec;
  --link: #304878;
  --red: #b42318; --red-soft: #f3e1dc;
  --amber: #a14a0a; --amber-soft: #f1e6d6;
  --ok: #0c6b63; --ok-soft: #d9ebe5;
  color-scheme: light;
}