/* Inclusive Ethiopia typography system: self-hosted, readable, and bilingual. */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('./fonts/InterVariable.woff2') format('woff2');
}

@font-face {
	font-family: 'Noto Sans Ethiopic';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url('./fonts/NotoSansEthiopic-Variable.woff2') format('woff2');
	unicode-range: U+030E, U+1200-1399, U+2D80-2DDE, U+AB01-AB2E, U+1E7E0-1E7E6, U+1E7E8-1E7EB, U+1E7ED-1E7EE, U+1E7F0-1E7FE;
}

:root {
	--ie-font-sans: 'Inter', 'Segoe UI', Arial, sans-serif;
	--ie-font-ethiopic: 'Noto Sans Ethiopic', 'Inter', 'Segoe UI', sans-serif;
}

body,
button,
input,
select,
textarea,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-widget-text-editor a,
.elementor-heading-title,
.elementor-button,
.elementor-nav-menu a,
.elementor-icon-list-text,
.ie-site-name,
.ie-button,
.ie-menu,
.ie-eyebrow,
.ie-text-link,
.ie-language-switcher,
.ie-site-header,
.ie-site-footer {
	font-family: var(--ie-font-sans) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.ie-kit-content .elementor-heading-title,
.ie-search-dialog h2,
.ie-empty-state strong,
.ie-gallery-dialog-title,
.ie-article-prose > p:first-of-type::first-letter {
	font-family: var(--ie-font-sans) !important;
}

html[lang^='am'] body,
html[lang^='am'] button,
html[lang^='am'] input,
html[lang^='am'] select,
html[lang^='am'] textarea,
html[lang^='am'] h1,
html[lang^='am'] h2,
html[lang^='am'] h3,
html[lang^='am'] h4,
html[lang^='am'] h5,
html[lang^='am'] h6,
html[lang^='am'] .elementor-widget-text-editor,
html[lang^='am'] .elementor-heading-title,
html[lang^='am'] .elementor-button,
html[lang^='am'] .elementor-nav-menu a,
html[lang^='am'] .elementor-icon-list-text,
.ie-language-switcher [lang='am'] {
	font-family: var(--ie-font-ethiopic) !important;
}

/* Inter needs less tracking than the former display serif at large sizes. */
h1,
h2,
h3,
h4,
.ie-kit-content .elementor-heading-title {
	letter-spacing: -.025em;
}

.ie-eyebrow,
.elementor-location-header .elementor-nav-menu--main .elementor-item {
	letter-spacing: .035em;
}