/* Action Plus — jetons de design (tokens.json n'existe plus : ce fichier fait foi). */
:root, [data-theme="light"] {
  /* Gamme dérivée du logo : marine #00148F et orange #F25309 (= 500), du plus clair au plus foncé. */
  --navy-50: #f2f7ff; --navy-100: #e2ebfe; --navy-200: #c4d5f7; --navy-300: #8fabe3; --navy-400: #4c71c3;
  --navy-500: #00148f; --navy-700: #000c5c; --navy-900: #00063d;
  --orange-50: #fff2eb; --orange-100: #ffe1d3; --orange-200: #ffc9b3; --orange-300: #ffa888;
  --orange-500: #f25309; --orange-700: #c13f08; --orange-900: #7a2405;

  --surface: #fbfcff;
  --surface-alt: var(--navy-50);
  --surface-raised: #ffffff;
  --line: #d9e2f5;
  --field-border: #7d88ab; /* bord des champs de formulaire : 3,5:1 sur blanc (WCAG 1.4.11) */
  --ink: #101a4a;
  --ink-soft: #1d2a6b;
  --ink-muted: #4a5578;
  --navy: var(--navy-500);
  --navy-deep: var(--navy-700);
  --navy-soft: var(--navy-100);
  --orange: var(--orange-500);
  --orange-deep: var(--orange-700);
  --orange-soft: var(--orange-50);
  --on-brand: #ffffff;
  --danger: #b42318;
  --link: var(--navy);
  --shadow-header: 0 2px 8px #101a4a14;
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #f25309;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;
  --space-30: 120px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-full: 9999px;
  --container-max: 1280px;
  --header-height: 72px;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.stat { font-family: var(--font-sans); font-size: 80px; line-height: 88px; font-weight: 600; letter-spacing: -0.01em; }
.display { font-family: var(--font-sans); font-size: 48px; line-height: 56px; font-weight: 500; letter-spacing: -0.01em; }
.h2 { font-family: var(--font-sans); font-size: 32px; line-height: 40px; font-weight: 500; }
.h3 { font-family: var(--font-sans); font-size: 28px; line-height: 36px; font-weight: 400; }
.h4 { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; }
.lead { font-family: var(--font-sans); font-size: 20px; line-height: 32px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.button { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; }
.eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.02em; }