:root {
  --main-color-green: #a3b18a;
  --main-color-black: #444444;
  --main-color-white: white;
  --main-color-red: #c96a5f;
  --color-light-beige: #f6f5ec;
  --color-light-black: #838383;
  --hover-color: #8a9e74;

  --main-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  --main-border: 1px solid var(--color-light-beige);
  --border-radius: 24px;
  --border-radius-max: 999px;

  --font-weight-bold: 600;
  --font-weight-normal: normal;
  --font-weight-light: 400;

  --title-font-family: "Bricolage Grotesque", sans-serif;
  --main-font-family: "Inter", sans-serif;

  --basic-transition: all 0.3s ease;

  /* Texte courant */
  --font-size-base: clamp(0.95rem, 0.9vw + 0.25rem, 1rem);

  /* Titres (ratio d'environ 1.33 entre chaque niveau) */
  --font-size-h1: clamp(2.25rem, 5vw + 0.5rem, 3rem);
  --font-size-h2: clamp(1.7rem, 3vw + 0.4rem, 2.25rem);
  --font-size-h3: clamp(1.3rem, 2vw + 0.3rem, 1.7rem);
  --font-size-h4: clamp(1.15rem, 1.5vw + 0.25rem, 1.45rem);
  --font-size-h5: clamp(1.05rem, 1vw + 0.2rem, 1.25rem);
  --font-size-h6: clamp(0.95rem, 0.8vw + 0.15rem, 1.1rem);
}

/* ======= RESET DE BASE ======= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body,
main {
  font-family: var(--main-font-family);
  color: var(--main-color-black);
  font-size: var(--font-size-base);
}

button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
}

a,
button,
input,
textarea,
select {
  -webkit-tap-highlight-color: transparent;
}

/** Pages : Aligne le sommaire avec son icône **/
.ez-toc-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}