/*
 * Host Grotesk Font Family
 * Using Fontshare CDN for optimal loading
 */
@import url("https://api.fontshare.com/v2/css?f[]=general-sans@200,300,400,500,600,700,800,1,2&display=swap");

/* Define Host Grotesk as alias to General Sans */
* {
    --font-host-grotesk:
        "General Sans", -apple-system, system-ui, BlinkMacSystemFont,
        "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

/* Apply Host Grotesk globally */
body,
html {
    font-family:
        "General Sans",
        -apple-system,
        system-ui,
        BlinkMacSystemFont,
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif !important;
}

/* Override Bootstrap font variables */
:root {
    --bs-font-sans-serif:
        "General Sans", -apple-system, system-ui, BlinkMacSystemFont,
        "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --bs-body-font-family:
        "General Sans", -apple-system, system-ui, BlinkMacSystemFont,
        "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

/* Apply to all common elements */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
span,
div,
a,
button,
input,
select,
textarea,
label,
.btn,
.form-control,
.form-select,
.form-label,
.card,
.modal,
.dropdown,
.nav,
.navbar,
.table,
.badge,
.alert {
    font-family:
        "General Sans",
        -apple-system,
        system-ui,
        BlinkMacSystemFont,
        "Segoe UI",
        "Helvetica Neue",
        Arial,
        sans-serif !important;
}