/* ===================================================================
   typography.css — Pretendard + rem 스케일 (docs/12 §3)
   =================================================================== */

html { font-size: var(--base-font-size); }

body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont,
                 'Segoe UI', 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text);
    background-color: var(--color-background);
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 var(--spacing-sm);
    font-weight: 600;
    line-height: 1.3;
    color: var(--color-text);
}

h1, .page-title    { font-size: 1.714rem; font-weight: 700; }
h2, .card-title    { font-size: 1.286rem; font-weight: 600; }
h3                 { font-size: 1.143rem; font-weight: 600; }
h4                 { font-size: 1.000rem; font-weight: 600; }

p { margin: 0 0 var(--spacing-md); }

a {
    color: var(--color-secondary);
    text-decoration: none;
    transition: color var(--transition-fast);
}
a:hover { color: var(--color-secondary-light); text-decoration: underline; }

code {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.92em;
    background: var(--color-surface);
    padding: 0 4px;
    border-radius: var(--radius-sm);
}

.text-secondary    { color: var(--color-text-secondary); font-size: 0.929rem; }
.text-right        { text-align: right; }
.text-center       { text-align: center; }
.text-monospace    { font-family: 'Courier New', Courier, monospace; }

.stat-value        { font-size: 2.000rem; font-weight: 700; line-height: 1.1; }
.stat-label        { font-size: 0.929rem; color: var(--color-text-secondary); }
.form-label        { font-size: 0.929rem; font-weight: 500; color: var(--color-text); display: block; margin-bottom: var(--spacing-xs); }
.badge,
.status-badge,
.trust-badge       { font-size: 0.857rem; font-weight: 500; }
.nav-section-title {
    font-size: 0.786rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-text-secondary);
    letter-spacing: 0.04em;
}