:root {
   --font-primary: "Cormorant Upright", serif;
   --font-secondary: "Inter", system-ui, sans-serif;
   --section-padding: calc(clamp(2em, 7.5vw, 4em) *1.2);
   --container-padding: calc(clamp(5em, 7.5vw, 7.5em) *0.3);
   --titre-size: clamp(1.8rem, 4vw, 2.6rem);
   --hero-title-size: clamp(2.2rem, 5vw, 4.5rem);
   --titreSmall-size: calc(clamp(6em, 7.5vw, 7.5em) *0.32);
   --texte-size: clamp(1em, 1.2vw, 1.22em);
   --texteSmall-size: clamp(1.1em, 1.2vw, 1.5em);
   --animation-nav: .4s cubic-bezier(.3, 0, .3, 1);
   --topNav-color: #1f3d33;
   --footer-color: #f6f2ee;
   --footerTexte-color: #8B7E6B;
   --hoverNav-color: #d4b26a;
   --orange-color: #e46111;
   --creme-color: #eae5df;
   --vert-color: #0A6365;
   --vertFonce-color: #074849;
   --marron-color: #322018;
   --beige-color: #f3dfcf;
   --ligne-color: #dad8d8;
   --beigeClair-color: #f6f2ee;
   --brown-color: #532816;
   --adminBleu-color: #3157aa;
   --adminVert-color: #1f3d33;
   --adminBleuClair-color: #dee0e7;
   --success-color: #198754;
   --warning-color: #d8a42c;
   --danger-color: #cf5c4c;
   --cancel-color: #364152;
   --rgpd-color: linear-gradient(135deg, #163328 0%, #2f6b52 70%, #c4a876 100%);


   --planner-resource-width: 220px;
   --planner-row-height: 44px;
   --planner-day-width: 40px;
   --planner-border: #e8e8e8;
   --planner-gridline: #f2f2f2;
   --planner-bg: #ffffff;
   --planner-text: #222;
   --planner-muted: #666;
   --planner-today: #ff4d4f;
   --planner-bar-text: #111;
   --planner-bar-radius: 7px;
   --planner-confirmed-bg-color: #d6f5e7;
   --planner-confirmed-color: #004505;
   --planner-pending-bg-color: #faf069;
   --planner-pending-color: #004505;
   --planner-cancelled-bg-color: #d33232;
   --planner-cancelled-color: black;
   --planner-paid-bg-color: #00703c;
   --planner-paid-color: black;

   --checkout-countdown-color: #198754;
   --checkout-countdown-bg: #e9f7ef;
   --checkout-countdown-border: #cdebd8;

   --datepicker-color: var(--vert-color);
   --texte-color: #222;

   /* =========================
     FONT SIZES
  ========================= */

   --fs-xs: clamp(0.8rem, 0.9vw, 0.9rem);
   --fs-sm: clamp(0.9rem, 1.1vw, 1rem);
   --fs-base: clamp(1rem, 1.6vw, 1.2rem);

   --fs-h3: clamp(1.3rem, 2vw, 1.6rem);
   --fs-h2: clamp(1.8rem, 4vw, 2.6rem);
   --fs-h1: clamp(2.2rem, 5vw, 4.5rem);

   /* =========================
     LINE HEIGHT
  ========================= */

   --lh-tight: 1.1;
   --lh-normal: 1.5;
   --lh-relaxed: 1.7;

   /* =========================
     LETTER SPACING
  ========================= */

   --ls-tight: -0.02em;
   --ls-normal: 0;
   --ls-wide: 0.08em;

   /* =========================
     BUTTON TYPOGRAPHY
  ========================= */

   --btn-font-size: clamp(0.95rem, 1.6vw, 1.15rem);
   --btn-line-height: 1.2;
   --btn-font-weight: 600;
}