:root{
  /* Palette de démonstration neutre : à remplacer dans chaque déclinaison client. */
  --os-primary:#3b4454;
  --os-primary-hover:#252c38;
  --os-secondary:#111827;
  --os-accent:#7c8799;
  --os-bg:#ffffff;
  --os-surface:#f5f7fa;
  --os-card-bg:#ffffff;
  --os-field-bg:#ffffff;
  --os-text:#172033;
  --os-muted:#657087;
  --os-border:#dfe4eb;
  --os-inverse:#ffffff;
  --os-overlay:rgba(17,24,39,.62);
  --os-focus-ring:color-mix(in srgb,var(--os-primary) 18%,transparent);
  --os-topbar-bg:var(--os-secondary);
  --os-topbar-text:var(--os-inverse);
  --os-header-bg:var(--os-bg);
  --os-header-text:var(--os-text);
  --os-footer-bg:var(--os-secondary);
  --os-footer-text:#dbe2ee;
  --os-footer-link:var(--os-inverse);
  --os-footer-border:rgba(255,255,255,.14);
  --os-success:#15803d;
  --os-warning:#b45309;
  --os-danger:#b91c1c;
  --os-container:1200px;
  --os-narrow:820px;
  --os-shop-columns:4;
  --os-radius-sm:6px;
  --os-radius:12px;
  --os-radius-lg:22px;
  --os-shadow:0 18px 50px rgba(17,24,39,.10);
  --os-font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --os-font-heading:var(--os-font-body);
  --os-step--1:clamp(.84rem,.8rem + .14vw,.94rem);
  --os-step-0:clamp(1rem,.96rem + .18vw,1.12rem);
  --os-step-1:clamp(1.25rem,1.1rem + .55vw,1.58rem);
  --os-step-2:clamp(1.55rem,1.28rem + 1vw,2.15rem);
  --os-step-3:clamp(2rem,1.5rem + 1.8vw,3.1rem);
  --os-step-4:clamp(2.6rem,1.8rem + 3vw,4.7rem);
  --os-space-1:.5rem;
  --os-space-2:1rem;
  --os-space-3:1.5rem;
  --os-space-4:2rem;
  --os-space-5:3rem;
  --os-space-6:5rem;
}