@font-face {
  font-family: "Pretendard Variable";
  font-style: normal;
  font-weight: 45 920;
  font-display: swap;
  src: url("/static/fonts/PretendardVariable.woff2") format("woff2-variations");
}

:root {
  --font-ui: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
    system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo",
    "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", sans-serif;
  --font-weight-body: 400;
  --font-weight-ui: 500;
  --font-weight-title: 600;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-ui);
}

body,
body :where(*) {
  font-weight: var(--font-weight-body) !important;
}

/* Page titles */
body :where(h1, h1 *, .pageTitle, .pageTitle *, .page-title, .page-title *,
  .mainTitle, .mainTitle *, .main-title, .main-title *, .heroTitle, .heroTitle *,
  .hero-title, .hero-title *) {
  font-weight: var(--font-weight-title) !important;
}

/* Section, card, modal and form subheadings */
body :where(h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *,
  [role="heading"], [role="heading"] *, .title, .title *, .sectionTitle,
  .sectionTitle *, .panelTitle, .panelTitle *, .modalTitle, .modalTitle *,
  .inputPanelTitle, .inputPanelTitle *, .exampleTitle, .exampleTitle *,
  .heading, .heading *, legend, legend *, label, label *, th, th *, dt, dt *,
  .eyebrow, .eyebrow *, .kicker, .kicker *, .badge, .badge *, .status,
  .status *) {
  font-weight: var(--font-weight-ui) !important;
}

/* Buttons and button-like links */
body :where(button, button *, .btn, .btn *, [role="button"], [role="button"] *,
  input[type="button"], input[type="submit"], input[type="reset"]) {
  font-weight: var(--font-weight-ui) !important;
}

/* Deliberate inline emphasis remains visible without returning to heavy weights. */
body :where(strong, strong *, b, b *) {
  font-weight: var(--font-weight-title) !important;
}