/* Consistent Header Typography System */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: var(--font-family-primary);
    line-height: 1.2;
}

/* Main page headers */
h1 {
    font-size: var(--font-size-5xl);
    font-weight: var(--font-weight-bold);
    color: var(--gray-800);
}

/* Section headers */
h2 {
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-bold);
    color: var(--gray-800);
}

/* Subsection headers */
h3 {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-semibold);
    color: var(--gray-800);
}

/* Card/Component headers */
h4 {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-semibold);
    color: var(--gray-800);
}

/* Small section headers */
h5 {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-medium);
    color: var(--gray-700);
}

/* Feature/Detail headers */
h6 {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
    color: var(--gray-700);
}

/* Body text */
p {
    font-size: var(--font-size-base);
    line-height: 1.6;
    color: var(--gray-700);
    font-family: var(--font-family-primary);
}

/* Navigation and menu headers */
.nav-header {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--gray-800);
}

.nav-subheader {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--gray-700);
}

/* Mobile menu specific headers */
.mobile-menu-title {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: var(--gray-900);
}

.mobile-menu-section {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--primary-color);
}