:root {
  --color-primary: #EA2E34;
  --color-secondary: #0075EB;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-border: #EEEEEE;
  --gap60: 60px;
  --gap80: 80px;
  --gap120: 120px;
  --font80: 8.0rem;
  --font48: 4.8rem;
  --font40: 4.0rem;
  --font36: 3.6rem;
  --font-pretendard: "Pretendard", sans-serif;
  --font-poppins: "Poppins", sans-serif;
}

@media (max-width: 1600px) {
  :root {
    --font80: 6.4rem;
    --font48: 4.0rem;
    --font40: 3.6rem;
    --font36: 3.0rem;
  }
}
@media (max-width: 1400px) {
  :root {
    --font80: 5.2rem;
    --font48: 3.8rem;
  }
}
@media (max-width: 1200px) {
  :root {
    --gap60: 40px;
    --gap80: 60px;
    --gap120: 80px;
    --font80: 4.4rem;
    --font48: 3.4rem;
    --font40: 3.0rem;
    --font36: 2.6rem;
  }
}
@media (max-width: 1024px) {
  :root {
    --font80: 4.0rem;
    --font48: 3.0rem;
    --font40: 2.6rem;
    --font36: 2.2rem;
  }
}
@media (max-width: 768px) {
  :root {
    --font80: 3.2rem;
    --font48: 2.4rem;
    --font40: 2.2rem;
    --font36: 2.1rem;
  }
}
@media (max-width: 640px) {
  :root {
    --font80: 2.7rem;
  }
}