/* ---------------------------------------------------------------------------
   ELPI-Services — les jetons de la charte ELPI SERVICES.

   ┌──────────────────────────────────────────────────────────────────────┐
   │  GÉNÉRÉ — NE PAS ÉDITER, NE PAS Y SAISIR UNE COULEUR À LA MAIN.      │
   │  Produit par « Chartes Graphiques/_chantier/exporter_coque.py »,      │
   │  qui dérive chaque valeur de palette.py et socle.py — la source       │
   │  unique de la charte. Une couleur qui bouge se répercute en           │
   │  relançant le script ; une couleur écrite ici serait emportée à la    │
   │  prochaine génération.                                                │
   └──────────────────────────────────────────────────────────────────────┘

   PrepaTrace et ELPI-Services partagent ce fichier à deux couleurs près :
   l'IDENTITÉ (plaques, avatars, survol) et l'ACCENT (chiffres, boutons,
   focus). Tout le reste est commun, à l'octet près — c'est ce que « même
   coque, accent différent » veut dire.

   Le script refuse de produire ce fichier si une paire tombe sous WCAG AA
   ou si un logo passe sous la taille minimale de la charte.
--------------------------------------------------------------------------- */

:root {
  /* --- l'identité — les deux seules couleurs qui changent d'une application à l'autre --- */
  --identite: #57BCB4;                             /* plaques, avatars, survol de ligne — NE PORTE PAS de texte */
  --identite-clair: #E3F1EF;                       /* l'aplat de la même teinte */
  --identite-texte: #007871;                       /* la variante qui, elle, se lit sur blanc */
  --identite-sombre: #004E49;
  --identite-rgb: 87, 188, 180;                    /* en composantes — les voiles, via rgba() */
  --accent: #01697A;                               /* 3e couleur : chiffres, boutons, focus, pastille */
  --accent-clair: #E3F0F4;
  --accent-rgb: 1, 105, 122;

  /* --- la structure — commune aux deux marques --- */
  --indigo: #505A8D;                               /* bleu du groupe — structurel, permis partout */
  --indigo-rgb: 80, 90, 141;
  --navy: #3C4266;                                 /* barre latérale, en-tête de tableau */
  --navy-rgb: 60, 66, 102;
  --navy-haut: #30375A;                            /* les deux bouts du dégradé de la barre latérale : */
  --navy-bas: #363C60;                             /* le navy, deux crans plus sombre, même teinte */

  /* --- les fonds --- */
  --bg: #F8F7FD;                                   /* fond de page — la clarté la plus basse où la sourdine tient AA */
  --surface: #FFFFFF;
  --surface-soft: #FCFCFF;                         /* crème */
  --border: #E0E0EA;                               /* filet */
  --border-light: #EAEAF2;
  --seg-bg: #EDEDF7;                               /* bleu clair */
  --seg-active-bg: #DBDCE7;

  /* --- le texte --- */
  --text: #23284A;                                 /* encre */
  --text-muted: #707085;                           /* sourdine */
  --text-faint: #A5A5B3;                           /* ne porte jamais une information seule */
  --encre-rgb: 35, 40, 74;                         /* l'encre en composantes — voiles et ombres, via rgba() */

  /* --- les paires d'état. Indigo est littéralement celle de la charte ; vert, rouge
         et orange gardent leur teinte — c'est elle qui porte le signal — et
         passent par les mêmes règles. Les cinq pèsent pareil : 5,36 à 5,40:1
         sur blanc. Les triplets -rgb servent le pont Bootstrap d'ELPI. --- */
  --green-bg: #E5F0EB;
  --green-fg: #37765B;
  --green-fg-rgb: 55, 118, 91;
  --red-bg: #F8EBE8;
  --red-fg: #BA4133;
  --red-fg-rgb: 186, 65, 51;
  --orange-bg: #F5ECE5;
  --orange-fg: #985D10;
  --orange-fg-rgb: 152, 93, 16;
  --gray-bg: #EDEDF3;                              /* la paire qui ne doit rien dire */
  --gray-fg: #6A6977;
  --gray-fg-rgb: 106, 105, 119;
  --indigo-bg: #EDEDF7;
  --indigo-fg: #5F679A;
  --indigo-fg-rgb: 95, 103, 154;

  /* --- la géométrie de l'en-tête — dérivée, jamais posée à l'œil.
         Aucune pièce ne prend sa dimension de ce qui l'entoure : le filet
         en « align-self: stretch » sortait à 47,5 px d'un côté, 9,7 de l'autre. --- */
  --logo-h: 37.7px;                                /* em commun de 15 px ; le logo sort à 90.9 px de large (minimum 88) */
  --bandeau-h: 88px;                               /* en-tête AVEC logo : la plus grande coque + 2 × zone */
  --entete-h: 63px;                                /* en-tête SANS logo — hauteur ferme, quel que soit le contenu */
  --filet-h: 44px;                                 /* moitié de l'en-tête — JAMAIS héritée du logo */
  --sidebar-width: 238px;

  /* --- les formes. Le socle plafonne les rayons à 1,4 mm, mais cette règle se
         justifie à l'impression (« un aplat s'imprime, une ombre ne s'imprime
         pas ») et un écran n'imprime rien. Arbitrage d'Arnaud, 28-08. --- */
  --radius-card: 14px;
  --radius-control: 9px;
  --radius-input: 10px;

  /* --- la typographie. Une seule police, titres compris : la hiérarchie se fait à
         la taille, à la graisse, à la casse et à la couleur, jamais à la police. --- */
  --police: 'Source Sans 3', Calibri, sans-serif;
  --font-heading: var(--police);                   /* les deux noms survivent pour les appels existants */
  --font-body: var(--police);
  --interligne: 1.45;                              /* 1,45 posé explicitement — jamais `normal`, qui se déduit des métriques de la police */
}