:root {
  --border: 1px solid #000;

  --font-size-s: 1rem;
  --font-size-m: 1.25rem;

  --font-size-h5: 1.5625rem;
  --font-size-h4: 1.5625rem;
  --font-size-h3: 1.5625rem;
  --font-size-h2: 1.875rem;
  --font-size-h1: 2.8125rem;
  --font-size-xl: 3.75rem;
  --font-size-xxl: 4.5rem;

  --shift-large: 7vw;
  --shift-medium: calc(var(--shift-large) / 2);
  --shift-small: calc(var(--shift-medium) / 2);

  --curve-quick-slow: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --curve-quick: cubic-bezier(0.23, 1, 0.32, 1);
  --padding-vertical: 2rem;
  --space-m: 4vw;

  --color-pink: #ed268f;
  --color-pink-light: #ffa199;
  --color-salmon: #ff4f4b;
  --color-purple: #9e00ff;
  --color-purple-light: #f066ff;
  --color-yellow: #faff82;
  --color-yellow-fluo: #d6ff00;
  --color-orange: #ff5c00;
  --color-red: #ff3300;
  --color-duck: #2e8799;
  --color-blue: #009eff;
  --color-blue-light: #abf1ff;
  --color-grey: #c4c9cc;
  --color-green: #00b477;
  --color-mint: #45e6ba;
  --color-brown: #a59478;
  --color-brown-light: #d6cfbe;
}