/* ==========================================================================
   Gestion Lab — Tokens de design
   Couleurs échantillonnées directement dans les fichiers du logo.
   ========================================================================== */

:root {

  /* --- Couleurs -------------------------------------------------------- */
  --gl-noir:          #070708;  /* fonds, texte principal */
  --gl-noir-profond:  #09090B;  /* pastille du logo */
  --gl-noir-doux:     #141416;  /* sections foncées alternées */
  --gl-gris-900:      #2A2A2E;
  --gl-gris-500:      #6E6E76;
  --gl-gris-200:      #E4E4E7;
  --gl-gris-50:       #F7F7F8;
  --gl-blanc:         #FFFFFF;

  --gl-or-clair:      #FAD688;  /* départ du dégradé */
  --gl-or:            #EEB738;  /* doré vif — accents sur fond foncé */
  --gl-or-profond:    #C9951B;  /* doré du lettrage */
  --gl-or-texte:      #8F671F;  /* SEUL doré conforme AA sur blanc (5,09:1) */

  --gl-degrade: linear-gradient(135deg,
    var(--gl-or-clair) 0%,
    var(--gl-or) 45%,
    var(--gl-or-profond) 100%);

  /* Rappel d'accessibilité :
     #EEB738 sur noir  ....... 9,82:1  OK
     #C9951B sur noir  ....... 7,48:1  OK
     #C9951B sur blanc ....... 2,69:1  ÉCHEC — ne jamais utiliser pour du texte
     #8F671F sur blanc ....... 5,09:1  OK
     Le doré est une couleur de fond FONCÉ. Sur blanc, il sert de touche
     graphique (filets, icônes, survols), pas de texte. */

  /* --- Typographie ----------------------------------------------------- */
  --gl-font-display: 'Archivo', system-ui, -apple-system, sans-serif;
  --gl-font-texte:   'Instrument Sans', system-ui, -apple-system, sans-serif;
  --gl-font-mono:    'Martian Mono', ui-monospace, SFMono-Regular, monospace;

  /* Échelle fluide, ratio 1,25 */
  --gl-t-h1:    clamp(2.75rem, 1.6rem + 5.2vw, 5rem);
  --gl-t-h2:    clamp(2rem,    1.4rem + 2.6vw, 3rem);
  --gl-t-h3:    clamp(1.35rem, 1.2rem + 0.6vw, 1.5rem);
  --gl-t-corps: 1.0625rem;
  --gl-t-petit: 0.875rem;
  --gl-t-mono:  0.75rem;

  /* --- Espacements ----------------------------------------------------- */
  --gl-esp-xs:  0.5rem;
  --gl-esp-sm:  1rem;
  --gl-esp-md:  2rem;
  --gl-esp-lg:  4rem;
  --gl-esp-xl:  clamp(4rem, 2rem + 8vw, 8rem);

  --gl-largeur-max: 1240px;
  --gl-rayon:       4px;   /* volontairement discret : la marque est anguleuse */
  --gl-transition:  220ms cubic-bezier(0.4, 0, 0.2, 1);
  --gl-ease:        cubic-bezier(0.16, 1, 0.3, 1);  /* sortie douce des révélations */
}