/*
 * Jetons de design (design tokens) — source unique de vérité pour les
 * couleurs, la typographie et l'échelle de mise en page. Aucun autre
 * fichier CSS du projet ne doit redéfinir ces valeurs en dur.
 *
 * Typographie — point fragile signalé au cahier des charges : la police
 * identifiée depuis la maquette est une grotesque géométrique à
 * contreformes ouvertes, chiffres à chasse fixe, "a" à double étage.
 * Inter est utilisée comme valeur de départ. Si le rendu ne correspond pas
 * exactement à la maquette une fois en production, les deux alternatives
 * les plus probables sont Söhne et General Sans (mêmes proportions
 * générales, "a" à double étage, chiffres tabulaires).
 */

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/inter-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/inter-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/inter-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Couleurs */
  --c-navy-900: #0a1f3d; /* overlay hero, footer */
  --c-navy-950: #071831; /* bandeau de statistiques */
  --c-blue-600: #1a56db; /* couleur primaire, CTA, pastilles */
  --c-blue-700: #1546b4; /* survol */
  --c-blue-50: #eef4ff; /* fond du bloc « Consultant indépendant ? » */
  --c-ink: #0b2447; /* titres sur fond clair */
  --c-body: #475569; /* texte courant */
  --c-muted: #64748b; /* légendes, labels de stats */
  --c-surface: #f7f9fc; /* fond de section alternée */
  --c-border: #e3e8ef;
  --c-white: #ffffff;

  /* États sémantiques (formulaires, messages) */
  --c-error: #b91c1c;
  --c-error-bg: #fef2f2;
  --c-success: #15803d;

  /* Typographie — un seul token, voir le commentaire en tête de fichier */
  --font-sans: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Échelle */
  --fs-hero: 3.5rem; /* 56px, 700, interlignage 1.08 */
  --fs-h2: 2rem; /* 32px, 700, centré */
  --fs-h3: 1.25rem; /* 20px, 600 */
  --fs-lead: 1.0625rem; /* 17px, 400, interlignage 1.6 */
  --fs-body: 0.9375rem; /* 15px */
  --fs-small: 0.8125rem; /* 13px */

  /* Structure */
  --container: 1200px;
  --gutter: 24px;
  --radius-sm: 6px; /* boutons, cartes d'expertise */
  --radius-lg: 12px; /* grande carte consultant */
  --section-y: 72px;

  /* Ombres */
  --shadow-header: 0 1px 2px rgba(11, 36, 71, 0.06), 0 4px 12px rgba(11, 36, 71, 0.06);
  --shadow-card: 0 1px 2px rgba(11, 36, 71, 0.04), 0 8px 24px rgba(11, 36, 71, 0.06);
}