/* ==================================================
   TYPOGRAPHY
   Heading and text styles
   ================================================== */

h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: var(--spacing-md);
}

h1 { font-size: 1.5rem; }
h2 { font-size: 1.3rem; }
h3 { font-size: 1.1rem; }
h4 { font-size: 1rem; }
h5 { font-size: 0.95rem; }
h6 { font-size: 0.9rem; }

p {
    margin-bottom: var(--spacing-sm);
    color: var(--text-secondary);
}