/* ==========================================================================
   Self-Hosted Google Fonts — Inter, Outfit, Lato
   ========================================================================== */

/* Inter — Regular 400 */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/inter/inter-400.woff2') format('woff2');
}

/* Inter — Italic 400 */
@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/inter/inter-400-italic.woff2') format('woff2');
}

/* Inter — Medium 500 */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/inter/inter-500.woff2') format('woff2');
}

/* Inter — Semi-Bold 600 */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/inter/inter-600.woff2') format('woff2');
}

/* Inter — Bold 700 */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/inter/inter-700.woff2') format('woff2');
}

/* Outfit — Semi-Bold 600 */
@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/outfit/outfit-600.woff2') format('woff2');
}

/* Lato — Regular 400 */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/lato/lato-400.woff2') format('woff2');
}

/* ==========================================================================
   Typography Overrides
   ========================================================================== */

:root {
    --bs-font-sans-serif: 'Inter', system-ui, -apple-system, sans-serif;
    --bs-body-font-family: 'Lato', var(--bs-font-sans-serif);
}

body.ea {
    font-family: 'Lato', 'Inter', system-ui, -apple-system, sans-serif;
}

body.ea h1, body.ea h2, body.ea h3, body.ea h4, body.ea h5,
body.ea .h1, body.ea .h2, body.ea .h3, body.ea .h4, body.ea .h5 {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

body.ea h1, body.ea .h1 { font-weight: 700; }
body.ea h2, body.ea .h2 { font-weight: 700; }
body.ea h3, body.ea .h3 { font-weight: 600; }
body.ea h4, body.ea .h4 { font-weight: 600; }
body.ea h5, body.ea .h5 { font-weight: 500; }

body.ea h6, body.ea .h6 {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    font-weight: 600;
}

body.ea label,
body.ea .form-label {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 500;
}

body.ea blockquote,
body.ea .blockquote {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-style: italic;
}

body.ea small,
body.ea .small,
body.ea .text-sm {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

body.ea a {
    font-family: 'Lato', 'Inter', system-ui, -apple-system, sans-serif;
}
