:root {
  --epic-font-family-pretendard: "Pretendard", sans-serif;
  --epic-font-family-suite: "SUITE", sans-serif;
  --epic-font-family-montserrat: "Montserrat", sans-serif;

  --epic-font-family: var(--epic-font-family-pretendard);

  /* Pretendard weight roles (mobile default) */
  --epic-typo-weight-hero-display: 700;
  --epic-typo-weight-regular: 300;
  --epic-typo-weight-light: 300;
  --epic-typo-weight-label: 600;
  --epic-typo-weight-caption-label: 500;
  --epic-typo-weight-table-regular: 400;
  --epic-typo-weight-heading: 700;
  --epic-typo-weight-heading2: 600;
  --epic-typo-weight-body: 300;
  --epic-typo-weight-caption: 300;
  --epic-typo-weight-bold: 700;
  --epic-typo-weight-semibold: 600;
  --epic-typo-weight-button-m-normal: 700;
  --epic-typo-weight-medium: 500;
}

@media (min-width: 1024px) {
  :root {
    --epic-typo-weight-body: 400;
  }
}

@media (min-width: 1440px) {
  :root {
    --epic-typo-weight-regular: 400;
    --epic-typo-weight-button-m-normal: 600;
  }
}

@media (min-width: 1920px) {
  :root {
    --epic-typo-weight-regular: 400;
    --epic-typo-weight-button-m-normal: 600;
  }
}

.semtle-font-pretendard {
  --epic-font-family: var(--epic-font-family-pretendard);

  --epic-typo-weight-hero-display: 700;
  --epic-typo-weight-regular: 300;
  --epic-typo-weight-light: 300;
  --epic-typo-weight-label: 600;
  --epic-typo-weight-caption-label: 500;
  --epic-typo-weight-table-regular: 400;
  --epic-typo-weight-heading: 700;
  --epic-typo-weight-heading2: 600;
  --epic-typo-weight-body: 300;
  --epic-typo-weight-caption: 300;
  --epic-typo-weight-bold: 700;
  --epic-typo-weight-semibold: 600;
  --epic-typo-weight-button-m-normal: 700;
  --epic-typo-weight-medium: 500;
}

@media (min-width: 1024px) {
  .semtle-font-pretendard {
    --epic-typo-weight-body: 400;
  }
}

@media (min-width: 1440px) {
  .semtle-font-pretendard {
    --epic-typo-weight-regular: 400;
    --epic-typo-weight-button-m-normal: 600;
  }
}

@media (min-width: 1920px) {
  .semtle-font-pretendard {
    --epic-typo-weight-regular: 400;
    --epic-typo-weight-button-m-normal: 600;
  }
}

.semtle-font-suite {
  --epic-font-family: var(--epic-font-family-suite);

  --epic-typo-weight-hero-display: 800;
  --epic-typo-weight-regular: 300;
  --epic-typo-weight-light: 300;
  --epic-typo-weight-label: 300;
  --epic-typo-weight-caption-label: 300;
  --epic-typo-weight-table-regular: 300;
  --epic-typo-weight-heading: 700;
  --epic-typo-weight-heading2: 700;
  --epic-typo-weight-body: 300;
  --epic-typo-weight-caption: 300;
  --epic-typo-weight-bold: 700;
  --epic-typo-weight-semibold: 500;
  --epic-typo-weight-button-m-normal: 500;
  --epic-typo-weight-medium: 500;
}

@media (min-width: 1024px) {
  .semtle-font-suite {
    --epic-typo-weight-regular: 400;
    --epic-typo-weight-heading: 800;
    --epic-typo-weight-heading2: 800;
    --epic-typo-weight-body: 400;
    --epic-typo-weight-bold: 800;
  }
}

@media (min-width: 1440px) {
  .semtle-font-suite {
    --epic-typo-weight-regular: 400;
    --epic-typo-weight-heading: 800;
    --epic-typo-weight-heading2: 800;
    --epic-typo-weight-body: 400;
    --epic-typo-weight-semibold: 600;
    --epic-typo-weight-bold: 800;
  }
}

@media (min-width: 1920px) {
  .semtle-font-suite {
    --epic-typo-weight-regular: 400;
    --epic-typo-weight-heading: 800;
    --epic-typo-weight-heading2: 800;
    --epic-typo-weight-body: 400;
    --epic-typo-weight-semibold: 600;
    --epic-typo-weight-bold: 800;
  }
}

.semtle-font-montserrat {
  --epic-font-family: var(--epic-font-family-montserrat);

  --epic-typo-weight-hero-display: 700;
  --epic-typo-weight-regular: 300;
  --epic-typo-weight-light: 300;
  --epic-typo-weight-label: 300;
  --epic-typo-weight-caption-label: 300;
  --epic-typo-weight-table-regular: 300;
  --epic-typo-weight-heading: 600;
  --epic-typo-weight-heading2: 600;
  --epic-typo-weight-body: 300;
  --epic-typo-weight-caption: 300;
  --epic-typo-weight-bold: 700;
  --epic-typo-weight-semibold: 500;
  --epic-typo-weight-button-m-normal: 500;
  --epic-typo-weight-medium: 500;
}

@media (min-width: 1024px) {
  .semtle-font-montserrat {
    --epic-typo-weight-heading: 700;
    --epic-typo-weight-body: 400;
  }
}

@media (min-width: 1440px) {
  .semtle-font-montserrat {
    --epic-typo-weight-regular: 400;
    --epic-typo-weight-heading: 700;
    --epic-typo-weight-body: 400;
    --epic-typo-weight-semibold: 600;
  }
}

@media (min-width: 1920px) {
  .semtle-font-montserrat {
    --epic-typo-weight-regular: 400;
    --epic-typo-weight-heading: 700;
    --epic-typo-weight-body: 400;
    --epic-typo-weight-semibold: 600;
  }
}