/*
  Clinique Les Lauriers — tokens de marque.
  Bleu lavande du logo en couleur dominante, encre indigo pour le texte et le pied de page,
  fonds blancs et lavande très clair. Typographie classique : Cormorant Garamond + Lato.
*/
:root {
  --lavande: #4b55ad;
  --lavande-deep: #3a4396;
  --lavande-soft: #e8e9f7;
  --tint: #f5f5fb;
  --nuit: #1c1f3f;
  --white: #ffffff;
  --gray: #5c5f78;
  --line: #e2e3ef;

  --color-bg: var(--white);
  --color-surface: var(--tint);
  --color-text: #2a2d4a;
  --color-text-muted: var(--gray);
  --color-accent: var(--lavande);
  --color-line: var(--line);
  --color-on-accent: var(--white);

  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Lato", "Helvetica Neue", Arial, sans-serif;

  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.5rem, 1.3rem + 0.6vw, 1.85rem);
  --step-3: clamp(2rem, 1.6rem + 1.4vw, 2.85rem);
  --step-4: clamp(2.4rem, 1.7rem + 2.6vw, 3.9rem);

  --space-xs: 0.5rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: clamp(2rem, 1.6rem + 1.8vw, 3rem);
  --space-xl: clamp(3.5rem, 2.6rem + 3.6vw, 6rem);

  --container: 74rem;
  --gutter: clamp(1.1rem, 0.6rem + 2.2vw, 2rem);
  --radius: 4px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 700ms;
}