/* Option 3: Gmarket Sans titles, Pretendard text and numbers.
   Keep this after the theme stylesheet. Fonts are served by this site. */
@font-face {
  font-family: "Pretendard";
  src: url("/fonts/Pretendard-Regular-v1.3.9.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("/fonts/Pretendard-Bold-v1.3.9.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Gmarket Sans";
  src: url("/fonts/GmarketSans-Bold-v1.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --font: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-heading: "Gmarket Sans", var(--font);
}

/* Scope display lettering to UI titles. Nicknames, numbers, editor content,
   and saved rich-text formatting continue to use their own text styles. */
.brand-title,
.hero h1,
.home-hero-copy h1,
.page-heading h1,
.section-heading h2,
.cta h2,
.notice-mini h3,
.notice-list .notice-mini h3,
.dialog-head h2,
#modal.notice-dialog .dialog-head h2,
.achievement-board-title h2,
.achievement-detail-hero h3,
.achievement-holder-heading h3,
.achievement-hover-head strong,
.video-info h3,
.event-title-row h2,
.join-intro h2,
.form-panel > .editable-title-row > h2 {
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: -.035em;
}

/* Small labels and controls within titles remain easy to read. */
.content-title-row .admin-edit-badge,
.editable-title-row .inline-edit-chip {
  font-family: var(--font);
}