/* typography.css - 타이포그래피 */
body {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    color: var(--color-text);
    background-color: var(--color-bg);
    line-height: 1.6;
}

h1 { font-size: var(--font-size-4xl); font-weight: 800; line-height: 1.2; }
h2 { font-size: var(--font-size-3xl); font-weight: 700; line-height: 1.3; }
h3 { font-size: var(--font-size-2xl); font-weight: 700; line-height: 1.4; }
h4 { font-size: var(--font-size-xl); font-weight: 600; line-height: 1.4; }
h5 { font-size: var(--font-size-lg); font-weight: 600; line-height: 1.5; }
h6 { font-size: var(--font-size-base); font-weight: 600; line-height: 1.5; }

p { margin-bottom: var(--space-4); }
p:last-child { margin-bottom: 0; }

a {
    color: var(--color-primary);
    transition: color var(--transition-fast);
}
a:hover { color: var(--color-primary-light); }

small { font-size: var(--font-size-sm); }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-muted { color: var(--color-text-muted); }
.text-secondary { color: var(--color-text-secondary); }
.text-primary { color: var(--color-primary); }
.text-accent { color: var(--color-accent); }
.text-success { color: var(--color-success); }
.text-danger { color: var(--color-danger); }
.text-warning { color: var(--color-warning); }
.text-white { color: var(--color-text-white); }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-semibold { font-weight: 600; }
.font-medium { font-weight: 500; }