/* ===================================
   Customer Pages Typography
   ModernSerif font for all headers
   =================================== */

/* Font Face Definition */
@font-face {
    font-family: 'ModernSerif';
    src: url('../fonts/ModernSerif.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Apply ModernSerif to all headers in customer pages */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'ModernSerif', Georgia, serif;
    font-weight: normal;
}

/* Specific header styling */


/* Section titles */
.section-title {
    font-family: 'ModernSerif', Georgia, serif;
}

/* Form section headers */
.form-section-title {
    font-family: 'ModernSerif', Georgia, serif;
}

/* Modal headers */
modal-title {
    font-family: 'ModernSerif', Georgia, serif;
}

/* Table headers (if needed) */
table thead th {
    font-family: 'ModernSerif', Georgia, serif;
}

/* Fallback for browsers that don't support font-display */
@supports not (font-display: swap) {
    .customer-page h1,
    .customer-page h2,
    .customer-page h3,
    .customer-page h4,
    .customer-page h5,
    .customer-page h6 {
        font-family: Georgia, serif;
    }
}