/* Thmanyah Sans for UI and Serif Display for headings: https://font.thmanyah.com/.
 * Original, unmodified WOFF2 files; license documents are beside the fonts.
 * Each family has five static weights (300, 400, 500, 700, 900).
 * salt enables the supplied stylistic alternates, including the extended noon.
 */
@font-face {
    font-family: "Thmanyah Sans";
    src: url("../fonts/thmanyah/thmanyahsans-Light.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    font-feature-settings: "salt" 1;
}

@font-face {
    font-family: "Thmanyah Sans";
    src: url("../fonts/thmanyah/thmanyahsans-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-feature-settings: "salt" 1;
}

@font-face {
    font-family: "Thmanyah Sans";
    src: url("../fonts/thmanyah/thmanyahsans-Medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    font-feature-settings: "salt" 1;
}

@font-face {
    font-family: "Thmanyah Sans";
    src: url("../fonts/thmanyah/thmanyahsans-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    font-feature-settings: "salt" 1;
}

@font-face {
    font-family: "Thmanyah Sans";
    src: url("../fonts/thmanyah/thmanyahsans-Black.woff2") format("woff2");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    font-feature-settings: "salt" 1;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("../fonts/thmanyah/thmanyahserifdisplay-Light.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    font-feature-settings: "salt" 1;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("../fonts/thmanyah/thmanyahserifdisplay-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-feature-settings: "salt" 1;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("../fonts/thmanyah/thmanyahserifdisplay-Medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    font-feature-settings: "salt" 1;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("../fonts/thmanyah/thmanyahserifdisplay-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    font-feature-settings: "salt" 1;
}

@font-face {
    font-family: "Thmanyah Serif Display";
    src: url("../fonts/thmanyah/thmanyahserifdisplay-Black.woff2") format("woff2");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    font-feature-settings: "salt" 1;
}

:root {
    --font-family-heading: "Thmanyah Serif Display", "Thmanyah Sans", serif;
    --font-features-ui: "salt" 1;
    --font-family-ui: "Thmanyah Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
option,
code,
kbd,
samp,
pre {
    font-family: var(--font-family-ui);
    font-feature-settings: var(--font-features-ui);
}

/* Third-party widgets declare their own text fonts instead of inheriting. */
html .leaflet-container,
html .leaflet-popup-content-wrapper,
html .leaflet-tooltip,
html .leaflet-control {
    font-family: var(--font-family-ui);
    font-feature-settings: var(--font-features-ui);
}

input::file-selector-button {
    font-family: var(--font-family-ui);
    font-feature-settings: var(--font-features-ui);
}

/* Use the display family for titles; regular UI text keeps the Sans family.
 * Set the feature on elements as well for browsers without face descriptors.
 */
h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.modal-title,
.thmanyah-display {
    font-family: var(--font-family-heading);
    font-feature-settings: var(--font-features-ui);
}