/* Design System officiel — opt-in uniquement. Référence : DESIGN (1).md.
   La palette métier et les rayons normalisés du brief priment sur les tokens Stitch.
   Breakpoints : mobile <768 ; tablette 768–1279 ; desktop >=1280. */
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/assets/fonts/inter-variable.ttf') format('truetype'); }
.vm-ds {
  --vm-navy:#0c1d3c; --vm-primary:#1d4ed8; --vm-primary-hover:#1e40af;
  --vm-electric:linear-gradient(45deg,#2563eb,#38bdf8);
  --vm-tech:#06b6d4; --vm-learning:#f59e0b; --vm-success:#22c55e; --vm-danger:#ef4444;
  --vm-bg:#f8fafc; --vm-surface:#fff; --vm-text:#0f172a; --vm-text-muted:#475569; --vm-border:#e2e8f0;
  --vm-font-ui:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  --vm-font-code:'JetBrains Mono',Consolas,monospace;
  --vm-space-1:4px; --vm-space-2:8px; --vm-space-3:16px; --vm-space-4:24px; --vm-space-5:40px;
  --vm-radius-control:6px; --vm-radius-card:8px; --vm-radius-pill:9999px;
  --vm-shadow:0 4px 16px -2px rgb(12 29 60 / .08),0 2px 6px -1px rgb(12 29 60 / .04);
  --vm-transition:160ms ease; --vm-layout:1200px; --vm-gutter:16px;
  /* Anneau foncé lisible sur surface claire + accent cyan, jamais cyan seul. */
  --vm-focus:2px solid var(--vm-primary); --vm-focus-halo:0 0 0 5px #38bdf8;
}
@media(min-width:1280px) { .vm-ds { --vm-gutter:24px; } }
@media(prefers-reduced-motion:reduce) { .vm-ds { --vm-transition:0s; } }