:root {
  /* Layout */

  --paddingWideSize: calc((100vw - var(--wideSize)) / 2);
  --paddingContentSize: calc((100vw - var(--contentSize)) / 2);
  --fullSize: calc(100vw - var(--scrollbar-width));

  /* Padding top et bottom sur les blocks de type block-group */
  --spacingBlockGroup: 3rem;

  /* --mobile-container-margin-correction: -0.5rem; */

  --submenu-width: 200px;
  --submenu-padding: 0.75rem 0.75rem;

  /* Arrondis */
  --arrondi-small: 5px;
  --arrondi-medium: 10px;
  --arrondi-large: 15px;

  --arrondi-bouton-small: 0.35rem;
  --arrondi-bouton-medium: 0.4rem;
  --arrondi-bouton-large: 0.7rem;
  --arrondi-bouton-x-large: 999rem;

  --arrondi-modale: 30px;

  --arrondi-form-field: 0.25rem;

  /* Outline */
  --couleur-outline: var(--couleur1);

  /* Transitions */

  --transition-basic-duration: 0.3s;
  --transition-menu-duration: 0.5s;
  --transition-basic-timing-function: ease;
  --transition-menu-timing-function: ease;
  --transition-basic: var(--transition-basic-duration)
    var(--transition-basic-timing-function) all;
  --transition-menu: var(--transition-menu-duration)
    var(--transition-menu-timing-function) all;

  /* Ombrages */
  --box-shadow-basic: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
  --box-shadow-diffus: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  --box-shadow-diffus-over: 6px 6px 8px 0px rgba(0, 0, 0, 0.3);
  --box-shadow-diffus-select: 0px 3px 6px 0px rgba(0, 0, 0, 0.06) inset;

  --text-shadow-basic: 0px 0px 0.3rem rgba(0, 0, 0, 0.5);

  /* Typos */

  /* 1rem = 16px, sauf si zoom + ou - du navigateur */
  --font-size-base: 1rem;

  --font-size-menu-principal: var(--font-size-medium);
  --font-size-menu-drawer: var(--font-size-x-large);
  --font-size-sous-menu-principal: var(--font-size-small);
  --font-size-menu-footer: var(--font-size-medium);

  --font-size-input-normal: 1rem;
  --padding-input-normal: 0.65rem 1rem;

  --font-size-button-small: 0.9rem;
  --font-size-button-medium: 1.2rem;
  --font-size-button-large: 1.4rem;
  --font-size-button-x-large: 1.6rem;

  /* Boutons */
  --padding-size-button-small: 0.4rem 0.7rem;
  --padding-size-button-medium: 0.5rem 1rem;
  --padding-size-button-large: 0.9rem 1.8rem;
  --padding-size-button-x-large: 1.5rem 4rem;

  /* Arrow up */
  --arrow-up-width: 75px;

  /* Menu mobile */
  --burger-menu-padding-top: 2.5vh;
  --burger-menu-padding-bottom: 3vh;
  --burger-menu-padding-left: 5vw;
  --burger-menu-padding-right: 5vw;

  --header-menu-flex-logo: 1.2;
  --header-menu-flex-boutons: 0.5;

  /*Menu drawer*/
  --menu-drawer-width: 50vw;
  --menu-closer-width: 2rem;
  --menu-drawer-padding: 2rem;
}