/* ============================================================= ACADEMIC THEME — SITE-WIDE Applied on every page via the .theme-academic class on and this stylesheet (loaded after styles.css). Layered on top of the base design system so it's easy to tweak or remove. Change the whole site's serif by swapping --font-display below AND the Lora family in each page's Google Fonts (both come from the build assembler: projectonefocus-build/build.php). Options: Traditional / bookish . "EB Garamond", "Libre Baskerville", "Lora" (current) Modern scholarly ...... "Source Serif 4", "Spectral", "Newsreader" Editorial / elegant ... "Playfair Display", "Fraunces" ============================================================= */ .theme-academic { --font-display: "Lora", Georgia, "Times New Roman", serif; /* Warmer, paper-like surfaces + hairlines for an academic feel */ --surface-muted: #faf6ee; /* ivory instead of cool gray */ --accent-50: #fbf3e4; --line: #e7e1d3; } /* ---- Serif display headings ---- */ .theme-academic h1, .theme-academic h2, .theme-academic h3, .theme-academic h4 { font-family: var(--font-display); font-weight: 600; font-optical-sizing: auto; letter-spacing: -0.005em; } .theme-academic h1 { line-height: 1.1; } .theme-academic .hero h1 { font-weight: 600; } /* Lora reads well bold at display size */ /* ---- Lead paragraphs in serif = editorial voice ---- */ .theme-academic .lead { font-family: var(--font-display); font-weight: 400; font-optical-sizing: auto; line-height: 1.5; } /* Eyebrows stay a small sans label on purpose — the sans/serif contrast is a hallmark of academic & editorial design. */ /* ---- Crisper, collegiate geometry ---- */ .theme-academic .btn { border-radius: 4px; } .theme-academic .card { border-radius: 8px; } .theme-academic .card__icon { border-radius: 6px; } .theme-academic .hero__media, .theme-academic .media-frame { border-radius: 8px; } /* ---- Numerals in serif ---- */ .theme-academic .stat__num, .theme-academic .event__date .d { font-family: var(--font-display); font-weight: 600; } /* ---- Program / value card titles ---- */ .theme-academic .card h3 { font-weight: 600; } /* ---- Drop cap on any paragraph opted-in with .academic-dropcap ---- */ .theme-academic .academic-dropcap::first-letter { font-family: var(--font-display); font-weight: 600; font-size: 3.3em; line-height: 0.78; float: left; margin: 0.06em 0.12em 0 0; color: var(--brand); } /* ---- A thin scholarly rule under centered section eyebrows ---- */ .theme-academic .section-head--center .eyebrow::after { content: ""; width: 26px; height: 2px; background: var(--accent); display: inline-block; } /* ---- Breadcrumb + FAQ refinements on interior pages ---- */ .theme-academic .accordion__btn { font-family: var(--font-display); font-weight: 600; } /* ---- Hero card refinement ---- */ .theme-academic .hero__card strong { font-family: var(--font-display); font-weight: 600; } /* ---- Enrollment fieldset legends in serif ---- */ .theme-academic .form-section > legend, .theme-academic .form-section__title { font-family: var(--font-display); font-weight: 600; }