/* ============================================================
   Charte graphique BeCorporate V1.0 — tokens partages shop + pro
   Source de verite : docs/specs/CHARTE_GRAPHIQUE.md (section 12.1)
   Theme clair par defaut ; sombre via [data-theme="dark"].
   ============================================================ */
:root{
  --blue-50:#EEF2FF; --blue-100:#DCE3FF; --blue-200:#BAC8FF; --blue-300:#93A8FF;
  --blue-400:#6B86FF; --blue-500:#5B7CFF; --blue-600:#2E54FF; --blue-700:#1F3DCC;
  --blue-800:#182FA0; --blue-900:#14276B;
  --gray-50:#F7F7F9; --gray-100:#EFEFF2; --gray-200:#E2E2E7; --gray-300:#CBCBD2;
  --gray-400:#A2A2AD; --gray-500:#74747F; --gray-600:#52525B; --gray-700:#3A3A42;
  --gray-800:#232329; --gray-900:#141418; --gray-950:#0B0B0D;
  --success:#0E8F46; --success-bg:#E6F6EC;
  --warning:#B26A00; --warning-bg:#FBF0DC;
  --error:#C2333A;   --error-bg:#FBE9EA;
  --info:#2E54FF;    --info-bg:#EEF2FF;

  --bg:#FFFFFF; --bg-subtle:#F7F7F9;
  --surface:#FFFFFF; --surface-2:#F2F2F5; --surface-inset:#EFEFF2;
  --border:#E2E2E7; --border-strong:#CBCBD2;
  --text:#141418; --text-muted:#52525B; --text-subtle:#74747F;
  --primary:#2E54FF; --primary-hover:#1F3DCC; --on-primary:#FFFFFF;
  --accent:#5B7CFF; --focus-ring:#2E54FF;

  --radius-sm:8px; --radius-md:12px; --radius-lg:18px; --radius-xl:26px; --radius-pill:100px; --radius-full:50%;
  --shadow-sm:0 1px 2px rgba(13,13,15,.06);
  --shadow-md:0 8px 24px -10px rgba(13,13,15,.14);
  --shadow-lg:0 24px 60px -28px rgba(13,13,15,.22);
  --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;
  --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;
}
[data-theme="dark"], .dark{
  --bg:#0B0B0D; --bg-subtle:#141418;
  --surface:#141418; --surface-2:#1B1B21; --surface-inset:#202028;
  --border:rgba(255,255,255,.10); --border-strong:rgba(255,255,255,.16);
  --text:#F5F5F7; --text-muted:#A2A2AD; --text-subtle:#7A7A85;
  --primary:#5B7CFF; --primary-hover:#4768F0; --on-primary:#FFFFFF;
  --accent:#5B7CFF; --focus-ring:#5B7CFF;
  --success:#34D17E; --warning:#F2B33D; --error:#FF6A6F; --info:#7C97FF;
  --shadow-sm:0 1px 2px rgba(0,0,0,.5);
  --shadow-md:0 10px 30px -12px rgba(0,0,0,.6);
  --shadow-lg:0 30px 70px -30px rgba(0,0,0,.8);
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.55}
@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}