/* * Sojourn Christian School - Brand typography override * Primary typeface: Garet (Book = body, Heavy = headings) * Secondary/reserve typeface: Raleway (Light / SemiBold / Black) * * This stylesheet is purely additive: it must be loaded LAST in so its * rules win by source order. Do NOT edit vendor CSS (bootstrap.css, * material-dashboard.css, main.css) to make room for this. */ /* ---------- Garet (primary) ---------- */ @font-face { font-family: 'Garet'; src: url('../fonts/garet/Garet-Book.woff2') format('woff2'), url('../fonts/garet/Garet-Book.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Garet'; src: url('../fonts/garet/Garet-Heavy.woff2') format('woff2'), url('../fonts/garet/Garet-Heavy.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Garet'; src: url('../fonts/garet/Garet-Heavy.woff2') format('woff2'), url('../fonts/garet/Garet-Heavy.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; } /* ---------- Raleway (secondary / reserve, available for future use) ---------- */ @font-face { font-family: 'Raleway'; src: url('../fonts/raleway/Raleway-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('../fonts/raleway/Raleway-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url('../fonts/raleway/Raleway-Black.woff2') format('woff2'); font-weight: 900; font-style: normal; font-display: swap; } /* ---------- Global overrides ---------- * Jerarquía de dos familias (guía de marca, Fig. 45-47): el peso más pesado * se reserva para el título principal; todo lo demás usa un peso medio para * que no todo el texto grite al mismo volumen. * * Título principal (h1, h2) -> Garet Heavy (700) — el más pesado, poco uso * Título secundario -> Raleway SemiBold (600) — peso medio, evita * el "todo en negrita" en h3-h6/card-title/navbar * Cuerpo de texto -> Garet Book (400) */ body, p, label, input, textarea, select, td, th, li, .form-control, .btn { font-family: 'Garet', 'Poppins', 'Helvetica Neue', Arial, sans-serif; font-weight: 400; } h1, h2 { font-family: 'Garet', 'Poppins', 'Helvetica Neue', Arial, sans-serif; font-weight: 700; } h3, h4, h5, h6, .navbar-brand, .card-title { font-family: 'Raleway', 'Poppins', 'Helvetica Neue', Arial, sans-serif; font-weight: 600; }