/* ========================================
   CENTRALIZED TYPOGRAPHY
   Single source of truth for all pages
   ======================================== */

/* === Body === */
body {
    font-family: 'Open Sans', 'Roboto', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #1f2937 !important;
}

/* === Headings === */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto', 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #1f2937 !important;
}

h1, .h1 { font-size: 2.25rem !important; }
h2, .h2 { font-size: 1.875rem !important; }
h3, .h3 { font-size: 1.5rem !important; }
h4, .h4 { font-size: 1.25rem !important; }
h5, .h5 { font-size: 1.1rem !important; }
h6, .h6 { font-size: 1rem !important; }

/* === Paragraphs === */
p {
    font-family: 'Open Sans', 'Roboto', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: #374151 !important;
}

/* === Links === */
a {
    font-family: 'Open Sans', 'Roboto', sans-serif !important;
}

/* === Buttons === */
.btn {
    font-family: 'Roboto', 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}

/* === Labels & small text === */
label,
small,
.small {
    font-family: 'Open Sans', 'Roboto', sans-serif !important;
    font-size: 13px !important;
}

/* === Responsive heading sizes === */
@media (max-width: 991px) {
    h1, .h1 { font-size: 1.875rem !important; }
    h2, .h2 { font-size: 1.5rem !important; }
    h3, .h3 { font-size: 1.25rem !important; }
}

@media (max-width: 576px) {
    h1, .h1 { font-size: 1.5rem !important; }
    h2, .h2 { font-size: 1.25rem !important; }
    h3, .h3 { font-size: 1.1rem !important; }
    p { font-size: 14px !important; }
}