/* ════════════════════════════════════════════════════════════════
   TOKENS.CSS — ADN de marque (couleurs + polices)
   Extrait de la charte business (documents/_charte/charte.css),
   adapté au web (unités rem/px, pas de A4). Source de vérité
   visuelle partagée avec les factures, devis et livrables.
   Couleurs : Navy900 #0D1B2A · Navy800 #1B263B
              Orange500 #C75B24 · Orange400 #D97234 · Cream #FAF8F5
   Polices  : Inter (corps) · Space Grotesk (titres) — embarquées
   ════════════════════════════════════════════════════════════════ */

/* ════ POLICES EMBARQUÉES ════ */
@font-face {
  font-family: "Inter";
  font-style: normal; font-weight: 400;
  src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-style: normal; font-weight: 500;
  src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-style: normal; font-weight: 600;
  src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  font-style: normal; font-weight: 700;
  src: url("../fonts/inter-latin-700-normal.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal; font-weight: 500;
  src: url("../fonts/space-grotesk-latin-500-normal.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal; font-weight: 700;
  src: url("../fonts/space-grotesk-latin-700-normal.woff2") format("woff2");
  font-display: swap;
}

/* ════ VARIABLES DE MARQUE ════ */
:root {
  --navy-900: #0D1B2A;
  --navy-800: #1B263B;
  --navy-700: #24344C;        /* profondeur des cartes sur fond sombre */
  --orange-500: #C75B24;      /* accent décoratif (large/gras : kickers, filets) */
  --orange-400: #D97234;      /* accent clair (sur fond navy : focus, numéros) */
  --orange-action: #A8441A;   /* texte/CTA sur fond clair : contraste AA (>= 4.5:1) */
  --cream: #FAF8F5;
  --gray: #595F65;
  --dark: #2D3436;
  --border: #E2E5E9;
  --border-strong: #CDD2D8;

  --font-body: "Inter", "Segoe UI", -apple-system, Roboto, Helvetica, Arial, sans-serif;
  --font-title: "Space Grotesk", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;

  /* Courbe d'animation premium (ease-out franc puis doux) */
  --ease: cubic-bezier(0.22, 0.7, 0.2, 1);
}