/*
 * Design tokens — unique source de vérité visuelle de la landing.
 *
 * Thème clair unique, assumé : chaque surface peint son fond explicitement.
 * L'accent est le bleu de la cocarde (= bleu du drapeau FR du badge) —
 * l'identité graphique vient du produit lui-même, pas d'une charte externe.
 */
:root {
  /* Encre & fonds (neutres biaisés bleu, accordés à l'accent) */
  --ink: #131a26;
  --ink-soft: #4b5565;
  --ink-faint: #667080; /* AA : 5,0:1 sur --paper, 4,6:1 sur --paper-tint */
  --paper: #ffffff;
  --paper-tint: #f3f5f9;
  --line: #e3e7ee;

  /* Accent (= bleu de la cocarde) */
  --accent: #0055a4;
  --accent-hover: #00458a;
  --accent-soft: #e6eef8;

  /* Sémantique badge — réservée à la démo, jamais utilisée comme accent de page */
  --badge-fr: #1e40af;
  --badge-eu: #0369a1;
  --badge-us: #b91c1c;
  --badge-unknown: #9ca3af;

  /* Typographie */
  --font-display: 'Bricolage Grotesque', -apple-system, BlinkMacSystemFont,
    'Segoe UI', sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;

  /* Rayons */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  /* Ombres */
  --shadow-sm: 0 1px 2px rgba(19, 26, 38, 0.06), 0 1px 3px rgba(19, 26, 38, 0.08);
  --shadow-md: 0 4px 12px rgba(19, 26, 38, 0.08), 0 16px 40px rgba(19, 26, 38, 0.08);
  --shadow-lg: 0 24px 64px rgba(19, 26, 38, 0.16);

  /* Rythme */
  --container: 1100px;
  --container-narrow: 720px;
  --gutter: clamp(1.25rem, 4vw, 2rem);
  --section-y: clamp(4rem, 9vw, 7rem);
  --header-h: 64px;
}