/* ============================================================
   ALINK — Design Tokens
   Couleurs par défaut du système entier (ERP + papier en-tête) pour tout
   tenant qui n'a pas encore choisi son propre thème (Étape C, applyErpTheme
   dans js/db.js) — y compris Action Groupe elle-même, tenant #1. Décision
   du 2026-07-19 : la marque par défaut est ALink (orange/marine), plus
   Action Groupe (vert/or) spécifiquement, puisqu'ALink est la plateforme et
   Action Groupe n'en est qu'un tenant parmi d'autres. Un tenant qui choisit
   son propre thème (y compris Action Groupe) écrase ces valeurs au runtime.
   ============================================================ */
:root {
  /* Couleurs — orange ALink (primaire) */
  --green:       #F0701C;
  --green-dark:  #C2560F;
  --green-mid:   #FF8A3D;
  --green-light: #FDE7D6;
  /* Triplet RGB de --green, pour les rgba() d'incrustation (barre latérale)
     qu'un hex seul ne permet pas de moduler en opacité. Étape C
     (applyErpTheme, js/db.js) le redéfinit avec la couleur du tenant. */
  --green-rgb:   240,112,28;
  --red:         #cc0000;
  --red-light:   #fce8e8;
  /* Marine ALink (secondaire) */
  --gold:        #1B3B6F;
  --gold-light:  #E3E8F0;
  --gold-rgb:    27,59,111;

  /* Fonds — marine profond (au lieu d'un noir dérivé de l'orange, plus
     harmonieux visuellement que des tons bruns/marron) */
  --dark:        #0E1C33;
  --dark2:       #16294A;
  --gray:        #f4f6f2;
  --gray2:       #e0e4db;
  --white:       #ffffff;

  /* Texte */
  --text:        #1a1a1a;
  --text2:       #555555;
  --text3:       #999999;

  /* Rayons */
  --radius:    8px;
  --radius-lg: 14px;

  /* Ombres */
  --shadow:    0 2px 16px rgba(0,0,0,0.07);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.13);

  /* Typographie */
  --font-head: 'Montserrat', sans-serif;
  --font-body: 'Lato', sans-serif;

  /* Layout ERP */
  --sidebar-w: 220px;
  --topbar-h:  56px;

  /* Transitions */
  --transition: all 0.2s ease;
}