/* Pretendard — CDN fallback (self-host WOFF2 later for production) */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

/* Inter — Google Fonts CDN */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
  font-family: var(--font-kr);
  font-size: var(--text-body);
  color: var(--color-black);
  background: var(--color-white);
}

h1, h2, h3, h4, .font-en { font-family: var(--font-en); }

.text-hero   { font-size: var(--text-hero);   font-weight: 900; letter-spacing: -0.02em; }
.text-h1     { font-size: var(--text-h1);     font-weight: 800; letter-spacing: -0.02em; }
.text-h2     { font-size: var(--text-h2);     font-weight: 700; letter-spacing: -0.01em; }
.text-h3     { font-size: var(--text-h3);     font-weight: 600; }
.text-body   { font-size: var(--text-body);   font-weight: 400; }
.text-small  { font-size: var(--text-small);  font-weight: 400; }
.text-caption { font-size: var(--text-caption); font-weight: 400; color: var(--color-gray-500); }

.text-muted  { color: var(--color-gray-500); }
.text-accent { color: var(--color-accent); }
.text-center { text-align: center; }
.text-left   { text-align: left; }

.kicker {
  font-family: var(--font-en);
  font-size: var(--text-small);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-accent);
  margin-bottom: var(--space-xs);
}