/* ====== IWU GLOBAL TYPOGRAPHY Single source of truth ====== */

 :root {
     --font-heading-primary: "Playfair Display", serif;
     --font-heading-secondary: "Roboto Condensed", sans-serif;
     --font-body: nunito-sans, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/* ============ BODY / GENERAL CONTENT ============ */
 html, body {
     font-family: var(--font-body);
}
/* ============ PRIMARY HEADINGS H1 + H2 = Playfair Display ============ */
 h1, h2, .h1, .h2 {
     font-family: var(--font-heading-primary);
}
/* ============ SECONDARY HEADINGS H3 - H6 = Roboto Condensed ============ */
 h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
     font-family: var(--font-heading-secondary);
}
/* ============ FORM ELEMENTS ============ */
 button, input, optgroup, select, textarea {
     font-family: var(--font-body);
}
/* ============ BOOTSTRAP / UI COMPONENTS These should always use the global body font ============ */
 .btn, .dropdown-menu, .dropdown-item, .tooltip, .popover, .modal, .alert, .badge, .breadcrumb, .card, .list-group, .nav, .navbar, .pagination, .table {
     font-family: var(--font-body);
}
/* ============ IWU SPECIAL TYPOGRAPHY ============ */
 .h2-prehead {
     font-family: var(--font-body);
}
/* ============ CODE / MONOSPACE Preserve monospace styling for technical content ============ */
 code, kbd, pre, samp, .text-monospace {
     font-family: var(--font-monospace);
}
/* ============ TYPOGRAPHY UTILITY CLASSES Use these in Cascade WYSIWYG or formats when an element needs to override its normal font. ============ */
 .font-heading-primary, .font-playfair {
     font-family: var(--font-heading-primary) !important;
}
 .font-heading-secondary, .font-roboto {
     font-family: var(--font-heading-secondary) !important;
}
 .font-body, .font-nunito {
     font-family: var(--font-body) !important;
}
 .font-monospace {
     font-family: var(--font-monospace) !important;
}