/* ─── Pretendard (dynamic subset via official CDN) ── */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

/* ─── Base ───────────────────────────────────────── */
body {
  font-family: var(--font-sans);
  font-weight: 300;
  color: var(--color-text-primary);
}

/* ─── Headings ───────────────────────────────────── */
h1, h2, h3 {
  font-family: var(--font-sans);
  font-weight: 400;
  letter-spacing: var(--tracking-ko);
  color: var(--color-text-primary);
}

/* ─── Label / caps ───────────────────────────────── */
.label {
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

/* ─── Body copy ──────────────────────────────────── */
p {
  line-height: var(--leading-loose);
  color: var(--color-text-secondary);
}

/* ─── Links ──────────────────────────────────────── */
a.link {
  color: var(--color-text-primary);
  border-bottom: 1px solid currentColor;
  transition: opacity var(--dur-fast) var(--ease-out);
}
a.link:hover { opacity: 0.7; }