:root {
  /* Spacing */
  --gutter: 25px;
  --gutter-footer: 3rem;
  --spacing-1: 1rem;
  --spacing-2: calc(var(--gutter) * 2);
  --spacing-3: calc(var(--gutter) * 3);
  --spacing-4: calc(var(--gutter) * 4);
  --spacing-5: calc(var(--gutter) * 5);
  --spacing-6: calc(var(--gutter) * 6);
  --spacing-7: calc(var(--gutter) * 7);
  --spacing-8: calc(var(--gutter) * 8);
  --padding-cart-button: 2.5rem 1.25rem;
  --padding-button: 0.625rem 1.25rem;
  --padding-input: 25px 2rem;

  /* Colours */
  --colors-white: #fff;
  --colors-black: #000;
  --colors-gray-1: #f7f7f7;
  --colors-gray-2: #f8f8f8;
  --colors-gray-3: #e3e3e3;
  --colors-gray-4: #c8c8c8;
  --colors-gray-5: #878787;
  --colors-gray-6: #414141;
  --colors-accent: #807e4f;
  --colors-yellow: rgb(244, 249, 179);
  --colors-gold: #807e4f;
  --colors-pink: #ffd1d1;
  --colors-peach: #ffceb9;
  --colors-error: rgb(255, 0, 0);
  --colors-disabled: rgb(200, 200, 200);
  --background-post-list: var(--colors-black);

  /* Typography */
  --font-family-sans-serif: "Apercu", Helvetica, Arial, sans-serif;
  --font-family-serif: "Ehrhardt", Times, serif;
  --font-family-black-mamba: "Black Mamba", serif;
  --font-family-bodoni-moda: "Bodoni Moda", serif;
  --font-sizes-h1: 28px;
  --font-sizes-h2: 35px;
  --font-sizes-h3: 20px;
  --font-sizes-h4: 20px;
  --font-sizes-h5: 16px;
  --font-sizes-h6: 14px;
  --line-height-global: 1.15;
  --letter-spacing-heading: -0.06719rem;

  --border-radius-s: 0.75rem;
  --border-radius-m: 1rem;
  --border-radius: 40px;

  /* Sizes */
  --height-header-navigation: 45px;
  --width-icon-m: 1.5rem;

  @media (min-width: 1000px) {
    --font-sizes-h3: 23px;
  }

  @media (min-width: 1200px) {
    --gutter: 30px;
  }

  @media (min-width: 2000px) {
    --font-sizes-h1: clamp(50px, 4vw, 60px);
    --font-sizes-h2: clamp(35px, 3vw, 40px);
    --font-sizes-h3: clamp(25px, 2.5vw, 30px);
    --font-sizes-h4: clamp(20px, 2vw, 25px);
    --font-sizes-h5: clamp(16px, 1.75vw, 20px);
    --font-sizes-h6: clamp(14px, 1.5vw, 16px);
  }
}