/**
 * ACM Chapter Theme — Typography
 */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: var(--font-sans);
    font-size: var(--text-base);
    color: var(--text);
    background: var(--white);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-serif);
    color: var(--blue-dark);
    line-height: 1.25;
    font-weight: 700;
}

h1 { font-size: var(--text-hero);  font-weight: 900; }
h2 { font-size: var(--text-3xl); }
h3 { font-size: var(--text-xl); }
h4 { font-size: var(--text-lg); }
h5 { font-size: var(--text-base); font-family: var(--font-sans); font-weight: 700; }

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

a { color: var(--blue); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--blue-dark); }

strong { font-weight: 700; }

/* Section Labels */
.eyebrow {
    display: block;
    font-size: var(--text-xs);
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--blue);
    margin-bottom: var(--space-2);
}

.section-title {
    font-family: var(--font-serif);
    font-size: var(--text-3xl);
    color: var(--blue-dark);
    font-weight: 700;
    margin-bottom: var(--space-3);
    line-height: 1.3;
}

.section-sub {
    font-size: 16.5px;
    color: var(--text-muted);
    max-width: 580px;
    margin-bottom: var(--space-12);
    line-height: 1.7;
}