/* ==========================================================================
   Design tokens — Eraikin
   Source de vérité unique pour les valeurs que l'audit graphique
   (audit-eraikin.md, section "Volet graphique") a trouvées dupliquées ou
   incohérentes entre écrans. Chaque variable porte en commentaire le
   constat qu'elle règle ; ne pas ajouter de classe ici, uniquement des
   valeurs. Lié depuis public/index.html, public/ag-vote.html et les deux
   pages HTML inline de server.js (login, vote legacy).
   ========================================================================== */

:root {
  /* Référence: V-03, V-11, V-14 — bleu unique remplaçant l'ardoise #0f172a
     (boutons principaux du back-office) et l'indigo #6366f1 (Suivi, Todos,
     Devis) ; même valeur utilisée pour les titres du PDF exporté. */
  --color-accent: #2563eb;

  /* Référence: V-12 — rouge unique remplaçant #e74c3c (Structure, Lots) */
  --color-danger: #dc2626;

  /* Référence: V-10 — vert unique remplaçant #16a34a / #059669 / #22c55e */
  --color-success: #15803d;
  /* Déclarée pour la même référence, mais non consommée : aucun des fonds
     traités n'a eu besoin de changer (ils étaient déjà #dcfce7 ou laissés
     tels quels). Disponible pour une prochaine harmonisation des fonds. */
  --color-success-bg: #dcfce7;
  --color-success-border: #86efac;

  /* Référence: V-07, V-15 — texte secondaire unique (#64748b, ~4,76:1),
     remplace #aaa/#888/#555/#475569/#333/#94a3b8 quand ils portent du texte.
     #94a3b8 reste réservé aux éléments non textuels (bordures, icônes
     désactivées) et n'est pas remplacé par cette variable. */
  --text-secondary: #64748b;

  /* Référence: V-22 — texte principal des pages annexes (remplace #1a1a1a) */
  --text-main: #0f172a;

  /* Référence: V-22, V-23 — dégradé de fond de l'application (public/style.css),
     à reprendre sur les pages annexes qui ont chacune leur propre fond plat */
  --body-gradient: linear-gradient(145deg, #fce4cc 0%, #f5e8f0 45%, #dde8f8 100%);

  /* Référence: V-08, V-16, V-20, V-22, V-23 — carte glass de référence (.card),
     à appliquer au Calendrier AG, aux cartes de modale et aux pages annexes */
  --card-bg: rgba(255, 255, 255, .88);
  --card-blur: 16px;
  --card-shadow: 0 4px 24px rgba(100, 80, 60, .1), 0 1px 3px rgba(0, 0, 0, .04);
  --card-radius: 12px;
  /* Référence: V-16 — rayon des cartes secondaires */
  --card-radius-secondary: 8px;
  /* Référence: V-06 — titre de carte (41 occurrences), contre 16px isolé */
  --card-title-size: 15px;
  /* Référence: V-17 — largeur minimale dominante des grilles de cartes (3/6) */
  --card-grid-min: 240px;

  /* Référence: V-09 — overlay de modale dominant (14 modales sur 19) */
  --modal-overlay-bg: rgba(0, 0, 0, .4);
  --modal-overlay-z: 1000;

  /* Référence: V-02, V-19 — badges et pills en pilule (999px), remplace les
     rayons 4px du Calendrier et 99px de variantes plus anciennes */
  --badge-radius: 999px;
  /* Référence: V-19 — pill de statut inline (2px 8px / 11px / 600), variante
     dominante parmi les 8 recensées */
  --status-pill-padding: 2px 8px;
  --status-pill-font-size: 11px;
  --status-pill-font-weight: 600;

  /* Référence: V-01 — bouton icône de suppression (✕/×), remplace les
     12 styles recensés (bouton bordé, pastille ronde, .mail-btn-x, icônes nues) */
  --btn-icon-danger-size: 24px;
  --btn-icon-danger-radius: 6px;

  /* Référence: V-04 — padding de \<th> dominant, appliqué (V-05 : la couleur
     de ces mêmes <th> est réglée par --text-secondary, pas par une variable
     dédiée). */
  --th-padding: 6px 8px;
  /* Référence: V-05 — recette de .cal-table thead th, la classe de référence.
     NON APPLIQUÉES : une classe .th-std commune n'a pas été créée, faute de
     pouvoir vérifier visuellement si elle briserait la bordure de certains
     tableaux (<tr style="border-bottom:...">) ou le codage couleur par
     colonne de tableaux financiers denses. Prêtes pour une prochaine passe,
     une fois l'app vérifiée à l'écran. */
  --th-font-size: 10px;
  --th-font-weight: 700;
  --th-letter-spacing: .06em;
  --th-border-bottom: 2px solid #e2e8f0;

  /* Référence: V-21 — en-tête de mini-calendrier dominant (4 implémentations
     sur 5) */
  --minical-header-font-size: 9px;
  --minical-header-padding: 2px 0;
}