/* Inter variable auto-hébergée (OFL, @fontsource-variable/inter 5.3.0) — pas de Google Fonts */
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-display:swap;
  font-weight:400 700;
  src:url(/fonts/inter-latin-ext-wght.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-display:swap;
  font-weight:400 700;
  src:url(/fonts/inter-latin-wght.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  /* Typography */
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;

  /* Brand */
  --primary:#4F46E5;
  --primary-dark:#4338CA;

  /* Surfaces */
  --bg:#FAFAFA;
  --surface:#FFFFFF;

  /* Text */
  --text:#111827;
  --muted:#4B5563;
  --text-secondary:var(--muted); /* texte secondaire (légendes, aide contextuelle) */

  /* Text on colored/dark surfaces */
  --on-primary:#fff;
  --on-primary-muted:rgba(255,255,255,.85);

  /* Code blocks */
  --code-bg:#1E293B;
  --code-text:#E2E8F0;
  --code-comment:#94A3B8;
  --code-tag:#7DD3FC;
  --code-attr:#FDE68A;
  --code-val:#86EFAC;

  /* Lines */
  --border:#E5E7EB;
  --border-strong:#D1D5DB;

  /* Surfaces (muted) */
  --surface-muted:#F3F4F6;

  /* State */
  --success:#047857;
  --danger:#dc2626;
  --warning:#F59E0B;
  --info:#2563EB;

  /* State (soft badges) */
  --success-bg:#F0FDF4;
  --success-border:#BBF7D0;
  --success-text:#16A34A;

  /* Radius */
  --radius:12px;
  --radius-sm:6px;
  --radius-pill:99px;

  /* Shadow */
  --shadow-card:0 4px 24px rgba(0,0,0,.07);
  --shadow-nav:0 4px 12px rgba(0,0,0,.06);
  --shadow-modal:0 20px 60px rgba(0,0,0,.18); /* ombre portée des fenêtres modales */

  /* Focus */
  --focus-ring:0 0 0 3px rgba(79,70,229,.35); /* halo de focus clavier/accessibilité, teinté --primary */

  /* Font sizes */
  --text-xs:12px; /* mentions légales, labels de badges */
  --text-sm:14px; /* texte secondaire, légendes */
  --text-base:16px; /* corps de texte par défaut */
  --text-lg:18px; /* sous-titres, texte mis en avant */
  --text-xl:20px; /* titres de section */
  --text-2xl:24px; /* titres de page */
  --text-3xl:30px; /* titres hero / grands chiffres */

  /* Line heights */
  --leading-tight:1.25; /* titres et gros textes */
  --leading-normal:1.5; /* corps de texte courant */
  --leading-relaxed:1.75; /* paragraphes longs, contenu éditorial */

  /* Spacing */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
}

body{font-family:var(--font-sans)}