:root{
  /* Couleurs de marque */
  --ov-noir:#0B0B0C; --ov-blanc:#F4F1EC; --ov-blanc-pur:#FFFFFF;
  --ov-gris-900:#1C1C1E; --ov-gris-700:#3A3A3E; --ov-gris-500:#76767C; --ov-gris-300:#B9B6B0; --ov-gris-100:#E6E2DB;
  --ov-rouge:#E63A2E; --ov-rouge-sombre:#B82A21; --ov-bleu:#2F5BFF;
  /* Rôles (thème clair) */
  --ov-fond:var(--ov-blanc); --ov-surface:var(--ov-blanc-pur); --ov-texte:var(--ov-noir); --ov-texte-2:var(--ov-gris-700); --ov-texte-3:var(--ov-gris-500);
  --ov-bordure:var(--ov-gris-100); --ov-accent:var(--ov-rouge); --ov-accent-texte:#fff; --ov-lien:var(--ov-bleu);
  --ov-primaire:var(--ov-noir); --ov-primaire-texte:var(--ov-blanc);
  /* Typographie */
  --ov-police-titre:"Outfit",system-ui,sans-serif; --ov-police-texte:"Inter",system-ui,sans-serif;
  --ov-t-1:clamp(2.4rem,5vw,4.5rem); --ov-t-2:clamp(1.8rem,3.2vw,2.75rem); --ov-t-3:1.5rem; --ov-t-4:1.125rem; --ov-texte-base:1rem; --ov-texte-petit:.875rem; --ov-texte-mini:.75rem;
  --ov-interlettrage-titre:-0.025em; --ov-interligne-titre:1.04; --ov-interligne-texte:1.5;
  /* Espacements (base 4) */
  --ov-e-1:4px; --ov-e-2:8px; --ov-e-3:12px; --ov-e-4:16px; --ov-e-5:24px; --ov-e-6:32px; --ov-e-7:48px; --ov-e-8:64px; --ov-e-9:96px;
  /* Rayons, ombres */
  --ov-rayon-s:8px; --ov-rayon-m:14px; --ov-rayon-l:24px; --ov-rayon-pilule:999px;
  --ov-ombre-s:0 1px 2px rgba(11,11,12,.06); --ov-ombre-m:0 8px 24px rgba(11,11,12,.10); --ov-ombre-l:0 24px 60px rgba(11,11,12,.18);
  --ov-transition:160ms cubic-bezier(.2,.7,.2,1);
}
[data-theme="dark"]{
  --ov-fond:var(--ov-noir); --ov-surface:var(--ov-gris-900); --ov-texte:var(--ov-blanc); --ov-texte-2:rgba(244,241,236,.72); --ov-texte-3:rgba(244,241,236,.5);
  --ov-bordure:rgba(255,255,255,.1); --ov-primaire:var(--ov-blanc); --ov-primaire-texte:var(--ov-noir); --ov-lien:#7A96FF;
  --ov-ombre-s:none; --ov-ombre-m:0 8px 24px rgba(0,0,0,.4); --ov-ombre-l:0 24px 60px rgba(0,0,0,.6);
}