:root {
  /* Couleurs */
  --color-bg: #E1DCD0;
  --color-text: #352D2C;
  --color-accent: #F4726E;
  --color-accent-dark: #E87C6E;
  --color-white: #FFFFFF;
  --color-mint: #99C5B7;
  --color-mint-dark: #3D816B;
  --color-violet: #C6B6F9;
  --color-violet-dark: #705FA7;
  --color-blue: #5EB7FF;
  --color-blue-dark: #427AA7;
  --color-yellow: #E0CC38;
  --color-yellow-dark: #C9B734;

  /* Typographie */
  --font-family: "Poppins", "Poppins Fallback", Arial, system-ui, -apple-system, sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Breakpoints (référence — utilisés en media queries) */
  /* mobile  : < 768px
     tablet  : 768px - 1199px
     desktop : >= 1200px */

  /* Layout navbar */
  --nav-height: 120px;
  --nav-padding-x-desktop: 50px;
  --nav-padding-x-tablet: 30px;
  --nav-padding-x-mobile: 20px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
}