/* ==========================================================================
   PADC — jetons de design (v1.0)
   Couleurs de marque ÉCHANTILLONNÉES sur les logos fournis : valeurs
   provisoires, à remplacer par la charte officielle d'ALI si elle existe.
   Contrastes indiqués : rapport sur fond blanc (#ffffff).
   ========================================================================== */
:root {
  color-scheme: light;

  /* --- Vert PADC (teinte du logo : #269a87) ----------------------------- */
  --vert-50:  #eef7f5;
  --vert-100: #d6eee9;
  --vert-200: #aeddd3;
  --vert-300: #7cc6b8;
  --vert-400: #45ae9c;
  --vert-500: #269a87; /* teinte du logo — aplats, décor, grands titres ≥ 24 px (3,5:1) */
  --vert-600: #1a7a6b; /* liens (5,2:1) */
  --vert-700: #146b5e; /* actions principales, texte sur blanc (6,4:1) */
  --vert-800: #0e4f46; /* titres forts, pied de page (9,4:1) */
  --vert-900: #0a3530;

  /* --- Ponctuation institutionnelle ALI (rouge échantillonné) ----------- */
  /* Jamais pour du texte courant ni comme seule indication d'erreur. */
  --rouge-ali: #fd0100;

  /* --- Neutres (légèrement teintés de vert) ----------------------------- */
  --encre:      #14201d; /* texte principal (16,6:1) */
  --encre-2:    #3d4a47; /* texte secondaire (9,3:1) */
  --encre-3:    #5b6966; /* texte discret (5,7:1) */
  --trait:      #d9e1df; /* bordures légères (décor) */
  --trait-fort: #7f8d8a; /* bordures de champs (3,4:1) */
  --fond:       #f4f7f6; /* fond des pages du portail */
  --surface:    #ffffff; /* cartes, en-tête, zones des logos */
  --surface-2:  #f9fbfa;
  --papier:     #fbf8f1; /* rendu des pages de textes sources */

  /* --- Couleurs fonctionnelles (toujours doublées d'un texte et d'une icône) */
  --info:          #1f5aa6;
  --info-fond:     #eaf2fc;
  --info-trait:    #9fbde6;
  --succes:        #146b5e;
  --succes-fond:   #e3f3ee;
  --succes-trait:  #8ccfc0;
  --alerte:        #6b4a00;
  --alerte-fond:   #fff4d6;
  --alerte-trait:  #d9a92e;
  --erreur:        #b42318;
  --erreur-fond:   #fdecea;
  --erreur-trait:  #eea39a;
  --neutre:        #4a5754;
  --neutre-fond:   #eef1f0;
  --neutre-trait:  #c3ccca;

  /* Ambre : compteurs et repères (texte foncé sur fond clair) */
  --ambre-encre: #4d3800;
  --ambre-fond:  #ffe8a3;
  --ambre-trait: #e2b53b;

  /* Focus : anneau sombre sur fonds clairs, jaune sur fonds sombres */
  --focus: #0b2e29;
  --focus-inverse: #ffd166;

  /* --- Typographie ------------------------------------------------------ */
  /* Polices système : aucun appel réseau. La police officielle éventuelle
     sera intégrée après réception de la charte (voir DECISIONS.md). */
  --police-texte: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --police-titre: "Segoe UI Variable Display", "Segoe UI", -apple-system, BlinkMacSystemFont, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --police-document: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", "Noto Serif", Georgia, serif;
  --police-code: "Cascadia Mono", Consolas, ui-monospace, "SF Mono", Menlo, monospace;

  --taille-xs:  0.8125rem;  /* 13 px */
  --taille-s:   0.9375rem;  /* 15 px */
  --taille-m:   1.0625rem;  /* 17 px — corps de texte */
  --taille-l:   1.25rem;    /* 20 px */
  --taille-xl:  1.5rem;     /* 24 px */
  --taille-2xl: clamp(1.625rem, 1.3rem + 1.2vw, 2.125rem);
  --taille-3xl: clamp(1.875rem, 1.35rem + 2.1vw, 2.875rem);

  --interligne: 1.6;
  --interligne-serre: 1.25;

  /* --- Espacements (base 4 px) ----------------------------------------- */
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1rem;
  --e-5: 1.5rem;
  --e-6: 2rem;
  --e-7: 3rem;
  --e-8: 4rem;
  --e-9: 6rem;

  /* --- Rayons, ombres ---------------------------------------------------- */
  --r-1: 4px;
  --r-2: 8px;
  --r-3: 12px;
  --r-4: 18px;
  --r-pilule: 999px;

  --ombre-1: 0 1px 2px rgba(10, 53, 48, 0.07), 0 1px 1px rgba(10, 53, 48, 0.04);
  --ombre-2: 0 6px 16px -4px rgba(10, 53, 48, 0.12), 0 2px 4px rgba(10, 53, 48, 0.05);
  --ombre-3: 0 18px 40px -12px rgba(10, 53, 48, 0.22);

  /* --- Mouvement --------------------------------------------------------- */
  --duree-courte: 140ms;
  --duree-moyenne: 240ms;
  --duree-longue: 700ms;
  --courbe-sortie: cubic-bezier(0.16, 1, 0.3, 1);
  --courbe-standard: cubic-bezier(0.2, 0, 0, 1);

  /* --- Mise en page ------------------------------------------------------ */
  --largeur-max: 76rem;     /* 1216 px */
  --largeur-lecture: 44rem; /* ≈ 70 caractères */
  --gouttiere: clamp(1rem, 3.5vw, 2rem);
  --hauteur-entete: 4.5rem;
}