/**
 * Evkaf global typography.
 * Change the three font tokens here to update the entire public website.
 * Family overrides intentionally take precedence over existing widget fonts.
 * Shared sizes, weights and line heights are defined in typography-scale.css.
 */
:root {
    --evkaf-font-heading: 'Manrope', 'DM Sans', Arial, sans-serif;
    --evkaf-font-body: 'DM Sans', Arial, sans-serif;
    --evkaf-font-serif: 'Source Serif 4', Georgia, serif;
}

/* Both standard Elementor globals and Outgrid's custom globals. */
:root body,
body [class*='elementor-kit-'] {
    --e-global-typography-primary-font-family: var(--evkaf-font-heading) !important;
    --e-global-typography-secondary-font-family: var(--evkaf-font-heading) !important;
    --e-global-typography-text-font-family: var(--evkaf-font-body) !important;
    --e-global-typography-accent-font-family: var(--evkaf-font-body) !important;
    --e-global-typography-uicore_primary-font-family: var(--evkaf-font-heading) !important;
    --e-global-typography-uicore_secondary-font-family: var(--evkaf-font-heading) !important;
    --e-global-typography-uicore_text-font-family: var(--evkaf-font-body) !important;
    --e-global-typography-uicore_accent-font-family: var(--evkaf-font-body) !important;
    --uicore-primary-font-family: var(--evkaf-font-heading) !important;
    --uicore-secondary-font-family: var(--evkaf-font-heading) !important;
    --uicore-text-font-family: var(--evkaf-font-body) !important;
    --uicore-accent-font-family: var(--evkaf-font-body) !important;
}

body,
body :where(p, li, dt, dd, table, figcaption, label, input, textarea, select, option, button),
body :where(.elementor-widget-text-editor, .elementor-button, .elementor-button-text,
    .elementor-nav-menu, .elementor-tab-title, .elementor-accordion-title,
    .elementor-icon-list-text, .elementor-testimonial-content, .elementor-post__excerpt,
    .uicore-menu, .ui-menu-item-wrapper, .breadcrumbs, .news-meta, .news-read) {
    font-family: var(--evkaf-font-body) !important;
}

/* Links and inline emphasis follow the typography of their surrounding text. */
body :where(p, li, dt, dd, figcaption, label, button, .elementor-widget-text-editor,
    .elementor-button, .uicore-menu, .breadcrumbs) :where(a, span, strong, b, em, small) {
    font-family: inherit;
}

body :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title,
    .elementor-icon-box-title, .elementor-image-box-title, .elementor-post__title),
body :is(h1, h2, h3, h4, h5, h6, .elementor-heading-title,
    .elementor-icon-box-title, .elementor-image-box-title, .elementor-post__title)
    :where(a, span, strong, b, em, small) {
    font-family: var(--evkaf-font-heading) !important;
}

/* Evkaf widgets inherit the same tokens, including their historical accents. */
body .evkaf-design {
    --heading: var(--evkaf-font-heading) !important;
    --body: var(--evkaf-font-body) !important;
    --serif: var(--evkaf-font-serif) !important;
    font-family: var(--evkaf-font-body) !important;
}

body .evkaf-design .legacy > strong,
body .evkaf-design .watermark,
body .evkaf-font-serif {
    font-family: var(--evkaf-font-serif) !important;
}

/* Optional explicit roles for custom Elementor widgets (Advanced > CSS Classes). */
body .evkaf-font-heading { font-family: var(--evkaf-font-heading) !important; }
body .evkaf-font-body { font-family: var(--evkaf-font-body) !important; }

/* Do not change icon-font elements/pseudo-elements or code font families. */