/* ============================================================
   Charte graphique BeCorporate V2.0 (11 juin 2026) — tokens partages.
   Palette bleu MARINE (#1E3A5F), direction premium Apple/Stripe.
   Source de verite : docs/specs/CHARTE_GRAPHIQUE_V2.0.pdf (section 12.1).
   Theme CLAIR uniquement.
   ============================================================ */
:root{
  /* Rampe de marque (bleu marine) */
  --navy-50:#EFF3F8; --navy-100:#E9EFF6; --navy-200:#C9D6E4; --navy-300:#8FA9C4;
  --navy-400:#4E7BA8; --navy-500:#2A4E7A; --navy-600:#1E3A5F; --navy-700:#182E4C;
  --navy-800:#12233A; --navy-900:#0C1827;
  /* Alias legacy (anciennes references --blue-*) -> marine */
  --blue-50:#EFF3F8; --blue-100:#E9EFF6;

  /* Neutres (gris bleutes) */
  --gray-50:#F7F8FA; --gray-100:#F1F3F6; --gray-200:#E7E9EE; --gray-300:#CFD5DD;
  --gray-400:#9AA4B0; --gray-500:#76828F; --gray-600:#4E5B6B; --gray-700:#3A4654;
  --gray-800:#232C37; --gray-900:#16212E; --gray-950:#0C141D;

  /* Semantique */
  --success:#0E8F46; --success-bg:#E6F6EC;
  --warning:#B26A00; --warning-bg:#FBF0DC;
  --error:#C2333A;   --error-bg:#FBE9EA;
  --info:#1E3A5F;    --info-bg:#E9EFF6;

  /* Surfaces */
  --bg:#FFFFFF; --bg-subtle:#F7F8FA;
  --surface:#F7F8FA; --surface-2:#F1F3F6; --surface-inset:#EBEEF2;
  --border:#E7E9EE; --border-strong:#CFD5DD;
  --text:#16212E; --text-muted:#4E5B6B; --text-subtle:#68737F;
  --primary:#1E3A5F; --primary-hover:#2A4E7A; --on-primary:#FFFFFF;
  --accent:#4E7BA8; --focus-ring:#1E3A5F;
  --header-bg:rgba(255,255,255,.86);

  /* Rayons */
  --radius-sm:8px; --radius-md:12px; --radius-lg:18px; --radius-xl:26px; --radius-pill:100px; --radius-full:50%;
  /* Ombres (teintees marine) */
  --shadow-sm:0 1px 2px rgba(20,30,45,.06);
  --shadow-md:0 8px 24px -10px rgba(20,30,45,.12);
  --shadow-lg:0 24px 60px -28px rgba(20,30,45,.14);
  /* Espacement (echelle 4px) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-7:32px; --space-8:40px; --space-9:48px; --space-10:64px;
  --space-11:80px; --space-12:96px;
  /* Typographie (auto-hebergee — voir fonts.css) */
  --font-display:'Fraunces',Georgia,serif;
  --font-sans:'Manrope',system-ui,-apple-system,sans-serif;
  --font-mono:ui-monospace,'JetBrains Mono',SFMono-Regular,Menlo,monospace;
  --content-max:1180px; --gutter:28px;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}