:root {
  --column-gap: 4rem;

  --large-font-size: 4.8rem;
  --large-line-height: 4.8rem;
  --large-letter-spacing: -0.02em;

  --default-font-size: 6.4rem;
  --default-line-height: 7.0rem;
  --default-letter-spacing: 0.025em;

  --small-font-size: 1.6rem;
  --small-line-height: 2rem;
  --small-letter-spacing: 0.02em;

  --color-black: #000000;
  --color-gray: #9a9a9a;
  --color-white: #f3f3f3;

}

@media (max-width: 1680px) {
  :root {
    --default-font-size: 4.8rem;
    --default-line-height: 5.2rem;
    --default-letter-spacing: 0.025em;
  }
}

@media (max-width: 1440px) {
  :root {
    --default-font-size: 3.2rem;
    --default-line-height: 3.5rem;
    --default-letter-spacing: 0.025em;
  }
}

@media (max-width: 768px) {
  :root {
    --default-font-size: 2.5rem;
    --default-line-height: 2.8rem;
    --default-letter-spacing: 0.025em;
  }
}