/* Titles, warm editorial copy, and practical information each have one role. */
:root {
  --font-title: 'Noto Serif KR', serif;
  --font-copy: 'Gowun Dodum', 'Noto Sans KR', sans-serif;
  --font-info: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}
body { font-family: var(--font-info); }
h1, h2, h3, .art-note, .garden-interlude p { font-family: var(--font-title); }
main p:not(.eyebrow):not(.fine):not(.status), dialog p:not(.eyebrow) {
  font-family: var(--font-copy);
  font-weight: 400;
}
.eyebrow, .fine, .status, nav, .button, .text-button,
.quick, .values, .card-number, .exam-top, .notice,
summary, footer, .office span {
  font-family: var(--font-info);
}