/* ========================================================================= theme-ou.css — alternative "OU Campus Master Plan" skin (PROTOTYPE) Activate by adding class="theme-ou" to . All rules are scoped to body.theme-ou so the default design is untouched when the class is absent. Near-match Google fonts for the OU master-plan page's Adobe fonts: Oswald ≈ Mongoose (condensed display — headlines) Poppins ≈ Arboria (geometric sans — headings' body, prose, UI) ========================================================================= */ body.theme-ou { /* --- type --- */ --font-head: "Oswald", system-ui, sans-serif; --font-body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif; /* --- background beneath the linework (the page's base color) --- TESTING WITHOUT CREAM. Swap --cream to try others: #ffffff white (current test) #f7f6f4 soft off-white (cards still pop a touch) #f4f2ed original warm cream */ --cream: #fffdf6; --cream-2: #f3f2f0; /* alternate band (appendix / footer) */ --paper: #ffffff; --line: #e3ded4; /* --- flatter elevation (less "soft floating card") --- */ --shadow: 0 1px 3px rgba(40, 25, 10, .00), 0 10px 26px -18px rgba(40, 25, 10, .00); } /* headings: condensed, bold, tighter rhythm */ body.theme-ou h1, body.theme-ou h2, body.theme-ou h3, body.theme-ou .viz__title, body.theme-ou .map-legend b { font-weight: 600; letter-spacing: .2px; } /* condensed display headings → ALL CAPS (OU brand look) */ body.theme-ou h1, body.theme-ou h2 { text-transform: uppercase; } body.theme-ou .hero h1 { font-weight: 700; letter-spacing: .5px; line-height: .98; } body.theme-ou .hero__num { font-weight: 700; } body.theme-ou .step__card h3 { font-weight: 600; } /* kicker / eyebrow → condensed brand label */ body.theme-ou .hero__kicker, body.theme-ou .section-intro .eyebrow { font-family: var(--font-head); font-weight: 600; letter-spacing: .4px; } /* body / prose stays sans (Poppins ≈ Arboria) — inherits --font-body */ /* flatter, crisper cards (sharper corners, lighter shadows) */ body.theme-ou .step__card, body.theme-ou .quote { border-radius: 5px; } body.theme-ou .viz, body.theme-ou #map, body.theme-ou .app-card { border-radius: 6px; } body.theme-ou .scrolly__graphic-inner .viz { box-shadow: 0 1px 4px rgba(40, 25, 10, .08); } /* a crisper top progress bar (solid crimson rather than gradient) */ body.theme-ou #progress { background: var(--crimson); }