/* Jetons de la charte (CDC §6). Seul fichier autorisé à définir des couleurs (contrôlé par tools/ui_lint.py). */

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-400.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-600.woff2") format("woff2");
}

:root {
  /* Neutres */
  --c-texte: #1a1a1a;
  --c-texte-2: #4a4f55;
  --c-fond: #ffffff;
  --c-fond-2: #f4f5f6;
  --c-bordure: #d0d4d9;
  --c-bordure-forte: #6b7280;

  /* Accent Service Oxygène : turquoise du logo (#0abab5), assombri pour le contraste AA (5,2:1) */
  --c-accent: #007a75;
  --c-accent-fonce: #005f5b;
  --c-accent-clair: #e3f2f1;
  --c-sur-accent: #ffffff;

  /* Circuits (brochure) : aplats désaturés */
  --c-ville: #dce8f5;
  --c-ville-texte: #1f4e79;
  --c-retro: #f7edc4;
  --c-retro-texte: #5c4700;
  --c-rh: #f3dce3;
  --c-rh-texte: #7a2840;
  --c-collectivites: #e6e6e6;
  --c-collectivites-texte: #3d3d3d;

  /* Statuts */
  --c-rupture: #f4dcda;
  --c-rupture-texte: #8a1f17;
  --c-tension: #f8e6d2;
  --c-tension-texte: #7a4100;
  --c-succes: #e2f0e4;
  --c-succes-texte: #1e5b2a;

  /* Espacement : grille de 4 px */
  --e-1: 4px;
  --e-2: 8px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 24px;
  --e-6: 32px;
  --e-7: 48px;

  /* Typographie */
  --police: "IBM Plex Sans", "Public Sans", system-ui, sans-serif;
  --t-1: 14px;
  --t-2: 16px;
  --t-3: 18px;
  --t-4: 22px;
  --t-5: 28px;

  --rayon: 4px;
  --focus: 2px solid var(--c-accent-fonce);
}