/*
 * Identité « Côte d'Opale » (task-013) : seul endroit où s'écrivent couleurs, espacements,
 * tailles de texte, rayons et traits. Les autres feuilles ne font que les référencer
 * (GardeDesValeursTest) ; chaque paire texte / fond est au moins aussi contrastée qu'avant
 * l'identité (ContrastesTest).
 */

/* Polices sous licence SIL OFL 1.1, hébergées par le site (licences dans /fonts). */
@font-face { font-family: "Atkinson Hyperlegible"; font-weight: 400; font-display: swap; src: url("../fonts/atkinson-hyperlegible-400.woff2") format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible"; font-weight: 700; font-display: swap; src: url("../fonts/atkinson-hyperlegible-700.woff2") format("woff2"); }
@font-face { font-family: "Big Shoulders Display"; font-weight: 700; font-display: swap; src: url("../fonts/big-shoulders-display-700.woff2") format("woff2"); }
@font-face { font-family: "Big Shoulders Display"; font-weight: 800; font-display: swap; src: url("../fonts/big-shoulders-display-800.woff2") format("woff2"); }

:root {
  /* Base */
  --encre: #0f2235;
  --galet: #4a5960;
  --bordure: #6f7d84;
  --filet: #d5dcdd;
  --brume: #eef2f1;
  --carte: #ffffff;
  --sable: #e9e2d0;

  /* Accents : marine pour les actions, balise réservée au jour courant. */
  --marine: #1d5592;
  --marine-profond: #143d6b;
  --sur-marine: #ffffff;
  --balise: #b33a0a;

  /* États métier : un fond et son encre ; les badges de statut s'écrivent en encre. */
  --occupe-fond: #ffd3a1;
  --occupe-encre: #6e3100;
  --confirme-fond: #dbe7f5;
  --solde-fond: #d4efe0;
  --solde-encre: #0f4d2a;
  --reste-du-fond: #fbefc0;
  --reste-du-encre: #5e3c00;
  --annule-fond: #e3e7e8;
  --alerte: #b42318;
  --alerte-fond: #fde4e1;
  --alerte-encre: #8f1d14;

  /* Espacements */
  --espace-1: 4px;
  --espace-2: 8px;
  --espace-3: 12px;
  --espace-4: 16px;
  --espace-6: 24px;
  --espace-8: 32px;

  /* Rayons, cible tactile et traits */
  --rayon-s: 4px;
  --rayon-m: 8px;
  --rayon-pilule: 999px;
  --cible: 44px;
  --trait: 1px;
  --trait-fort: 3px;
  --decalage-focus: 2px;

  /* Typographie */
  --font-titre: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --font-texte: "Atkinson Hyperlegible", system-ui, sans-serif;
  --taille-titre-page: 34px;
  --taille-titre-section: 22px;
  --taille-chiffre: 30px;
  --taille-texte: 16px;
  --taille-petit: 14px;
  --taille-etiquette: 12px;
}