:root {
  --padding-page: 2em;
  --padding-screen: clamp(1em, 5vmin, 4em);
  --space-label: 0.5em;
  --gap-list: 1em;
  --border-radius: 2em;

  --font-size-h1: clamp(2em,6vmin, 4em);
  --font-size-h2: clamp(1em, 3vmin, 2em);
  --font-size-label: 0.75em;

  --color-text: rgb(0, 0, 0);
  --color-text--lighter: #333;
  --color-text-opaque: rgba(0, 0, 0, 0.5);
  --color-bg: rgb(255, 255, 255);
  --color-bg-opaque: rgba(255, 255, 255, 0.5);
  --color-main: #3f51b5;
  --color-main--lighter: #4c61d5;
  /* --color-main: #B5693F; */
  --color-main--darker: #051b98;
  --color-main-contrast: white;
  --color-grey-superlight: #F1F1F1;
  --color-grey-superlight--darker: #c5c5c5;
}