:root{
  /* Couleurs principales */
  --color-primary:#006DED;
  --color-black:#000000;
  --color-white:#FFFFFF;

  /* Couleurs fonctionnelles */
  --color-text:#000000;
  --color-text-inverse:#FFFFFF;
  --color-border:rgba(0,0,0,.12);
  --color-surface:#FFFFFF;

  /* Layout */
  --header-height:92px;
  --container-width:1248px;
  --section-padding:clamp(72px,8vw,128px);
  --section-padding-sm:clamp(48px,6vw,88px);

  /* Rayons */
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-xl:28px;
  --radius-pill:999px;

  /* Ombres */
  --shadow-sm:0 8px 24px rgba(0,0,0,.08);
  --shadow-lg:0 18px 45px rgba(0,0,0,.14);

  /* Transitions conservées pour boutons, header et footer */
  --transition-fast:.25s ease;
  --transition-medium:.35s ease;
}