:root {
  --margin: 25px;

  --fontFamily: "Fira Sans", sans-serif;
  --fontMono: "Fira Mono", monospace;
  --textSize: 14.4px;
  --menuSize: 17px;

  --c-text: #11214d;
  --c-nav: #1b2f81;
  --c-accent: #ff3e51;
  --c-accent_fonce: #cd3047;
  --c-bleumarine: hsl(227, 63%, 41%);
  --c-bleumarine_clair: hsl(227, 63%, 81%);
  --c-bleumarine_fonce: hsl(227, 63%, 21%);
  --c-bleuvert: #52c5b9;
  --c-bleuvert_clair: hsl(174, 50%, 81%);
  --c-bleuvert_fonce: hsl(174, 50%, 41%);
  --c-orange: hsl(41, 100%, 60%);
  --c-orange_clair: #ffd892;
  --c-orange_fonce: hsl(41, 100%, 45%);
  --c-rouge: #fc4b60;
  --c-rouge_clair: #ff808c;
  --c-rouge_fonce: #cc334a;
  --c-bleu: hsl(211, 63%, 47%);
  --c-bleu_clair: hsl(211, 63%, 77%);
  --c-noir: hsl(0, 0%, 15%);
  --c-gris: hsl(195, 0%, 83%);
  --c-gris_clair: hsl(195, 0%, 96%);
  --c-gris_vraiment_clair: hsl(195, 0%, 99%);
  --c-gris_fonce: hsl(195, 0%, 45%);
  --c-vert: hsl(143, 69%, 55%);
  --c-vert_fonce: hsl(143, 69%, 40%);

  /* ---------------------------- */
  --c-bodybg: #fcfcfa;
  --c-windows: #08a1f7;
  --c-apple: #a3aaae;
  --c-linux: #f0b400;
  --c-raspberry: #c51a4a;
  --c-primtux: #6b85d9ff;
  --c-yunohost: #0036cc;
  --arrondis: 5px;
  --radio-switch-animation-duration: 0.3s;
  --radio-switch-width: 276px;
  --radio-switch-height: 36px;
  --radio-switch-padding: 2px;
  --spacing: 50px;
  --link-underline-thickness: 0.1em;
  --link-underline-offset: 0.16em;
}