:root {
  --bg: #fdfdfd;
  --color-primary: #000000;
  --color-secondary: #ffffff;
  --color-accent: #8cd5d1;
  --font-ko: "Pretendard Variable", sans-serif;
  --font-en: "Montserrat", sans-serif;

  --font-en-accent: amandine, sans-serif;
  --layout-margin: clamp(15px, 4.94vw, 95px);
  --content-max-width: 2560px;
  --section-margin: clamp(116px, 11.45vw, 220px);
}

@media all and (max-width: 1280px) {
  :root {
    --layout-margin: clamp(15px, 2.864vw, 55px);
  }
}
@media all and (max-width: 768px) {
  :root {
    --section-margin: clamp(85px, 22.66vw, 170px);
  }
}
@media all and (max-width: 480px) {
  :root {
    --layout-margin: 15px;
  }
}