/* ========================================
   Typography System
   ======================================== */

/* Headings use heading size */
h1, h2 {
    font-size: var(--text-heading);
    line-height: var(--leading-tight);
}

/* H3-H6 use body size (secondary headings) */
h3, h4, h5, h6 {
    font-size: var(--text-body);
    line-height: var(--leading-tight);
}

h1 {
    text-align: center;
}

/* Page Header */
.page-header {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 2px solid var(--color-border-primary);
    padding-bottom: 20px;
}

.page-header h1 {
    margin: 0 0 10px 0;
    color: var(--color-brand-primary);
    font-size: var(--text-heading);
    font-weight: var(--font-bold);
    line-height: var(--leading-tight);
}

.subtitle {
    color: var(--color-text-muted);
    margin: 0;
    font-size: var(--text-body);
    font-weight: var(--font-normal);
    line-height: var(--leading-normal);
}