:root {
  --font-body: "Fira Sans Condensed", sans-serif;
  --font-title: "Limelight", sans-serif;
  --color-text-paragraph: #777;
  --saumon: #f0837a;

  --couleur-primaire-50: color-mix(in oklab, var(--saumon), white 92%);
  --couleur-primaire-100: color-mix(in oklab, var(--saumon), white 86%);
  --couleur-primaire-200: color-mix(in oklab, var(--saumon), white 72%);
  --couleur-primaire-300: color-mix(in oklab, var(--saumon), white 58%);
  --couleur-primaire-400: color-mix(in oklab, var(--saumon), white 36%);
  --couleur-primaire-500: var(--saumon);
  --couleur-primaire-600: color-mix(in oklab, var(--saumon), black 12%);
  --couleur-primaire-700: color-mix(in oklab, var(--saumon), black 24%);
  --couleur-primaire-800: color-mix(in oklab, var(--saumon), black 36%);
  --couleur-primaire-900: color-mix(in oklab, var(--saumon), black 48%);
}

body {
  font-family: var(--font-body);
  background-color: var(--couleur-primaire-100);
}

.title-font {
  font-family: var(--font-title);
}

p {
  line-height: 1.6;
  color: var(--color-text-paragraph);
  padding-bottom: 1rem;
}


ul > li {
  list-style-type: disc;
  list-style-position: inside;
  padding-left: 15px;
  margin-bottom: 0.5rem;
  color: var(--color-text-paragraph); 
}

section{
  background-color: var(--couleur-primaire-300);
  border: solid var(--couleur-primaire-600) 1px;
}

.souligne{
  text-decoration-line: underline;
  text-decoration-color: var(--couleur-primaire-600);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.18em;
}