.yc-headline {
  font-family: 'Noto Serif KR', serif;
  font-weight: var(--fw-black);
  font-size: var(--type-headline-min);
  line-height: var(--lh-headline);
  letter-spacing: var(--ls-headline);
  color: var(--ink);
  margin: 0;
}

.yc-headline--md { font-weight: var(--fw-bold); }

@media (min-width: 768px) {
  .yc-headline { font-size: var(--type-headline-max); }
}

.yc-subhead {
  font-family: 'Noto Serif KR', serif;
  font-weight: var(--fw-bold);
  font-size: var(--type-subhead-min);
  line-height: var(--lh-subhead);
  color: var(--ink);
  margin: 0;
}

@media (min-width: 768px) {
  .yc-subhead { font-size: var(--type-subhead-max); }
}

.yc-body {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: var(--fw-regular);
  font-size: var(--type-body);
  line-height: var(--lh-body);
  color: var(--ink);
}

.yc-body--muted { color: var(--ink-60); }
.yc-body--hint  { color: var(--ink-30); }
.yc-body--light { font-weight: var(--fw-light); }

.yc-label {
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: var(--fw-regular);
  font-size: var(--type-label-max);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--ink-60);
}