/*
 * Design tokens AFA. Seul fichier CSS autorisé à contenir des valeurs de couleur.
 * Valeurs de départ de la spec (§5), à ajuster depuis Figma Inspect sans toucher au reste.
 */

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/poppins-latin-700-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Couleurs (spec §5) */
  --navy: #1E3A5F;
  --navy-dark: #16253F;
  --blue-light: #A8C8E8;
  --ink: #111827;
  --white: #FFFFFF;

  /* Ajouts page d'attente (docs/DECISIONS.md) */
  --blue: #3B7BC0;               /* point du logo « afa. » — à relever dans Figma */
  --ink-muted: #4B5563;          /* textes secondaires sur blanc, AA 7,6:1 */
  --line: #D6DEE8;               /* filets */
  --veil: rgb(22 37 63 / 0.5);   /* voile uniforme du hero, --navy-dark à 50 %, jamais un dégradé */
  --text-shadow-hero: 0 1px 2px rgb(0 0 0 / 0.35);

  /* Typographie */
  --font-title: "Poppins", "Segoe UI", Arial, sans-serif;
  --font-body: "Inter", "Segoe UI", Arial, sans-serif;

  /* Formes et grille (spec §4) */
  --radius: 2px;
  --container: 1280px;
  --gutter: 24px;
  --gutter-desktop: 80px;
  --header-h: 72px;

  /* Cadrage du hero : point de l'image gardé visible au recadrage (object-position) */
  --hero-focus-mobile: 50% 75%;
  --hero-focus-desktop: 50% 0%;
}