:root {
  --light: #ffffff;
  --dark: #111111;
  --accent_100: #fcbb02;
  --accent_50: #c2870f;
  --grey_50: #e5e5e5;
  --grey_25: #faf7f0;

  --page-space: calc(1rem + 1.5vw);

  --big-text: calc(2rem + 2vw);
  --large-text: calc(1.75rem + 1.5vw);
  --subheadline-text: calc(1.65rem + 0.5vw);

  --medium-text: calc(1rem + 0.5vw);
  --body-text: calc(0.85rem + 1vw);
  --small-text: calc(0.75rem + 0.65vw);
}

@media screen and (min-width: 768px) {
  :root {
    --body-text: calc(0.95rem + 0.2vw);
  }
}

@media screen and (min-width: 967px) {
  :root {


    --big-text: calc(3rem + 1.1vw);
    --large-text: calc(1.65rem + 1.5vw);
    --subheadline-text: calc(1.65rem + 0.5vw);
    --medium-text: calc(0.9rem + 0.5vw);


    --body-text: calc(0.5rem + 0.7vw);
    --small-text: calc(0.5rem + 0.55vw);
    --page-space: calc(0.65rem + 1vw);
  }
}

@media screen and (min-width: 1920px) {
  :root {
    --big-text: calc(1.5rem + 1vw);
    --medium-text: calc(1rem + 0.5vw);
    --body-text: calc(0.5rem + 0.5vw);
    --small-text: calc(0.5rem + 0.5vw);
    --page-space: calc(0.5rem + 1vw);
  }
}