/* Custom Font Declarations - Safe from SCSS compilation */
@font-face {
    font-family: 'TheSans';
    src: url('../fonts/sans/ts-plain-wf.woff2') format('woff2'),
         url('../fonts/sans/TheSans Plain.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TheSans';
    src: url('../fonts/sans/thesans-bold-plain.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Override the CSS custom properties */
:root {
    --ff-default: 'TheSans', 'Sans', 'Articulat CF', sans-serif !important;
    --ff-alt: 'TheSans', 'Sans', 'Articulat CF', sans-serif !important;
}

/* Ensure Elementor uses the new fonts */
body.elementor-page {
    --e-global-typography-primary-font-family: 'TheSans', sans-serif !important;
    --e-global-typography-secondary-font-family: 'TheSans', sans-serif !important;
    --e-global-typography-text-font-family: 'TheSans', sans-serif !important;
    --e-global-typography-accent-font-family: 'TheSans', sans-serif !important;
}

/* Apply to common elements to ensure coverage */
body,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor,
h1, h2, h3, h4, h5, h6 {
    font-family: 'TheSans', 'Sans', 'Articulat CF', sans-serif !important;
}