/* Variables */
:root {

  --breakpoint: 1280px;

  --global--border-radius: 16px;

  /* Font Family */
  --global--font-primary: Poppins;

  /* Font Size for desktop */
  --font-size-desktop-h1: 48px;
  --font-size-desktop-h2: 36px;
  --font-size-desktop-h3: 30px;
  --font-size-desktop-h4: 24px;
  --font-size-desktop-h5: 20px;
  --font-size-desktop-h6: 16px;
  --font-size-desktop-body: 16px;
  --font-size-desktop-body-xs: 12px;
  --font-size-desktop-body-sm: 14px;
  --font-size-desktop-body-md: 16px;
  --font-size-desktop-body-lg: 18px;
  --font-size-desktop-body-xl: 20px;
  --font-size-desktop-button: 14px;
  --font-size-desktop-button-sm: 12px;

  /* Font Size for mobile */
  --font-size-mobile-h1: 32px;
  --font-size-mobile-h2: 28px;
  --font-size-mobile-h3: 24px;
  --font-size-mobile-h4: 20px;
  --font-size-mobile-h5: 18px;
  --font-size-mobile-h6: 16px;
  --font-size-mobile-body: 16px;
  --font-size-mobile-body-xs: 12px;
  --font-size-mobile-body-sm: 14px;
  --font-size-mobile-body-md: 16px;
  --font-size-mobile-body-lg: 18px;
  --font-size-mobile-body-xl: 20px;
  --font-size-mobile-button: 14px;
  --font-size-mobile-button-sm: 12px;

  /* Font weight for desktop */
  --font-weight-desktop-h1: 700;
  --font-weight-desktop-h2: 700;
  --font-weight-desktop-h3: 600;
  --font-weight-desktop-h4: 600;
  --font-weight-desktop-h5: 600;
  --font-weight-desktop-h6: 400;
  --font-weight-desktop-body: 400;
  --font-weight-desktop-body-bold: 600;
  --font-weight-desktop-button: 600;

  /* Font weight for mobile */
  --font-weight-mobile-h1: 700;
  --font-weight-mobile-h2: 700;
  --font-weight-mobile-h3: 700;
  --font-weight-mobile-h4: 700;
  --font-weight-mobile-h5: 700;
  --font-weight-mobile-h6: 400;
  --font-weight-mobile-body: 400;
  --font-weight-mobile-body-bold: 700;
  --font-weight-mobile-button: 600;


  /* Line Height for desktop */
  --line-height-desktop-h1: 56px;
  --line-height-desktop-h2: 44px;
  --line-height-desktop-h3: 38px;
  --line-height-desktop-h4: 32px;
  --line-height-desktop-h5: 28px;
  --line-height-desktop-h6: 24px;
  --line-height-desktop-body: 28px;
  --line-height-desktop-body-xs: 24px;
  --line-height-desktop-body-sm: 26px;
  --line-height-desktop-body-md: 28px;
  --line-height-desktop-body-lg: 30px;
  --line-height-desktop-body-xl: 32px;
  --line-height-desktop-button: 20px;
  --line-height-desktop-button-sm: 16px;

  /* Line Height for mobile */

  --line-height-mobile-h1: 40px;
  --line-height-mobile-h2: 36px;
  --line-height-mobile-h3: 32px;
  --line-height-mobile-h4: 28px;
  --line-height-mobile-h5: 26px;
  --line-height-mobile-h6: 24px;
  --line-height-mobile-body: 24px;
  --line-height-mobile-body-xs: 20px;
  --line-height-mobile-body-sm: 22px;
  --line-height-mobile-body-md: 24px;
  --line-height-mobile-body-lg: 26px;
  --line-height-mobile-body-xl: 28px;
  --line-height-desktop-button: 20px;
  --line-height-mobile-button-sm: 16px;

  /* Letter spacing for desktop */
  --letter-spacing-desktop-h1: -0.96px;
  --letter-spacing-desktop-h2: -0.72px;
  --letter-spacing-desktop-h3: -0.3px;
  --letter-spacing-desktop-h4: -0.24px;
  --letter-spacing-desktop-h5: 0px;
  --letter-spacing-desktop-h6: 0px;

  /* Letter spacing for mobile */
  --letter-spacing-mobile-h1: 0px;
  --letter-spacing-mobile-h2: 0px;
  --letter-spacing-mobile-h3: 0px;
  --letter-spacing-mobile-h4: 0px;
  --letter-spacing-mobile-h5: 0px;
  --letter-spacing-mobile-h6: 0px;

  --color-for-status-open : #27ae60;
  --color-for-status-preinscr : #e67e22;
  --color-for-status-waiting : #7f8c8d;
  --color-for-status-closed : #e74c3c;
  --color-for-status-free : #27ae60;
  --color-for-status-passed : #707070;
  --color-for-grey-background: #F5F5F7;
}

/* Évite le scroll horizontal dû à 100vw (barre de défilement) */
body {
  overflow-x: clip;
}