/* ============================================================
   JM RENOVATION — variables globales
   Modifier les couleurs, polices, espacements et rayons ICI :
   tout le site en hérite (voir README, « Modifier les couleurs »).
   ============================================================ */

:root {
  /* --- Couleurs --------------------------------------------- */
  --color-paper: #f7f9fc;        /* fond principal, blanc bleuté « papier de plan » */
  --color-surface: #ffffff;      /* cartes et surfaces */
  --color-sky: #edf3fb;          /* fonds de sections alternés */
  --color-ink: #0a1f3d;          /* bleu nuit : titres, pied de page, CTA final */
  --color-ink-soft: #12305c;     /* variante du bleu nuit (dégradés, survols) */
  --color-primary: #2158c4;      /* « bleu de travail » : actions, liens */
  --color-primary-dark: #173f92; /* survol des actions */
  --color-line: #c4d4ec;         /* traits fins de plan, bordures */
  --color-line-soft: #dce7f5;    /* traits encore plus discrets */
  --color-text: #31435e;         /* texte courant */
  --color-text-soft: #5a6d89;    /* texte secondaire */
  --color-success: #1b7f4d;
  --color-error: #b3261e;
  --color-star: #e8a33d;         /* étoiles des avis */

  /* Sur fond sombre (pied de page, bandeaux) */
  --color-on-ink: #eaf1fb;
  --color-on-ink-soft: #9db4d6;
  --color-line-on-ink: rgb(255 255 255 / 0.16);

  /* --- Typographies ------------------------------------------ */
  --font-display: "Segoe UI Variable Display", "Avenir Next", "Helvetica Neue",
    system-ui, sans-serif;
  --font-body: "Segoe UI Variable Text", system-ui, -apple-system, "Segoe UI",
    Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", Consolas,
    "SF Mono", monospace;

  /* --- Échelle typographique --------------------------------- */
  --text-xs: 0.8rem;
  --text-sm: 0.9rem;
  --text-base: 1.0625rem;   /* 17 px */
  --text-lg: 1.1875rem;
  --text-h3: 1.25rem;
  --text-h2: clamp(1.8rem, 1.3rem + 2vw, 2.6rem);
  --text-h1: clamp(2.3rem, 1.4rem + 3.6vw, 3.9rem);

  /* --- Espacements (échelle de 4 px) -------------------------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* --- Rayons et ombres --------------------------------------- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-pill: 999px;
  --shadow-soft: 0 12px 32px rgb(10 31 61 / 0.08);
  --shadow-raised: 0 18px 44px rgb(10 31 61 / 0.14);

  /* --- Divers -------------------------------------------------- */
  --container-max: 72.5rem;      /* 1160 px */
  --container-pad: clamp(1.25rem, 4vw, 2.5rem);
  --header-height: 5.5rem;   /* dimensionné pour le logo de l'en-tête */
  --ease-out: cubic-bezier(0.22, 0.61, 0.2, 1);
  --duration-fast: 160ms;
  --duration-base: 280ms;
  --duration-slow: 500ms;
}