/* Fichier GÉNÉRÉ depuis shared/design.ts — ne pas modifier à la main. */
/* Cohérence vérifiée en CI par `npm run design:check`. */
:root {
  /* Texte */
  --texte: #16233a;
  --texte-2: #45536e;
  --texte-3: #4e5c74;
  --texte-inverse: #ffffff;

  /* Surfaces */
  --fond: #f5f7fb;
  --fond-2: #fbfcfe;
  --carte: #ffffff;
  --marque: #1d3557;

  /* Traits */
  --bordure: #e3e8f1;
  --bordure-champ: #868ea4;

  /* Accent */
  --accent: #1f5fe0;
  --accent-fonce: #1746a8;
  --accent-pale: #eaf0ff;
  --sur-accent: #ffffff;

  /* États (4 paires, texte sur fond pâle) */
  --ok: #1f7a4d;
  --ok-fond: #e4f3ea;
  --attention: #9a5b00;
  --attention-fond: #fdf1dc;
  --manquant: #a3590f;
  --manquant-fond: #fdf1e2;
  --erreur: #a4273a;
  --erreur-fond: #fbe7eb;

  /* Neutres (000 → 800) */
  --neutre-000: #ffffff;
  --neutre-100: #f7f8fc;
  --neutre-200: #eef1f7;
  --neutre-300: #e3e8f1;
  --neutre-400: #cbd0de;
  --neutre-500: #9aa1b5;
  --neutre-600: #6e7589;
  --neutre-700: #4c5265;
  --neutre-800: #2b3141;

  /* Espacements */
  --e-1: 4px;
  --e-2: 8px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 20px;
  --e-6: 24px;
  --e-7: 32px;
  --e-8: 48px;
  --e-9: 64px;

  /* Rayons */
  --r-s: 8px;
  --r-m: 12px;
  --r-l: 16px;
  --r-xl: 22px;
  --r-plein: 999px;

  /* Ombres */
  --ombre-1: 0 1px 2px rgba(22, 35, 58, .06);
  --ombre-2: 0 6px 16px rgba(22, 35, 58, .10);
  --ombre-3: 0 18px 48px rgba(22, 35, 58, .18);

  /* Typographie */
  --police: 'Inter', system-ui, 'Segoe UI', Roboto, sans-serif;
  --police-titre: 'Inter Tight', var(--police);
  --police-code: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --police-formulaire: var(--police);
  --t-xs: 12px;
  --t-s: 13px;
  --t-m: 15px;
  --t-l: 17px;
  --t-xl: 21px;
  --t-2xl: 26px;
  --t-3xl: 34px;
  --lh-titre: 1.2;
  --lh-serre: 1.3;
  --lh-texte: 1.55;
  --ls-titre: -.02em;
  --ls-normal: 0;
  --ls-capitale: .1em;
  --g-4: 400;
  --g-5: 500;
  --g-6: 600;
  --g-7: 700;

  /* Mouvement */
  --d-rapide: 120ms;
  --d-base: 200ms;
  --courbe: cubic-bezier(.2,.7,.3,1);

  /* Empilements */
  --z-entete: 10;
  --z-tiroir: 40;
  --z-modale: 60;
  --z-notification: 80;

  /* Voiles */
  --voile: rgba(22, 35, 58, .45);
  --voile-leger: rgba(22, 35, 58, .18);

  /* Focus */
  --anneau: 2px solid var(--accent);
  --anneau-decalage: 2px;
}