/* Inter Tight Font Family */
:root {
    --bs-font-sans-serif: "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* Apply Inter Tight to body and common elements */
body {
    font-family: var(--bs-font-sans-serif) !important;
}

/* Ensure all Bootstrap typography uses Inter Tight */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--bs-font-sans-serif) !important;
}

/* Apply to common Bootstrap components */
.btn,
.form-control,
.form-select,
.form-check-label,
.form-label,
.input-group-text,
.dropdown-item,
.nav-link,
.navbar-brand,
.card-title,
.card-text,
.alert,
.badge,
.breadcrumb,
.pagination .page-link,
.list-group-item {
    font-family: var(--bs-font-sans-serif) !important;
}

/* Optional: Define specific font weights for headings */
h1, .h1 { font-weight: 700; } /* Bold */
h2, .h2 { font-weight: 600; } /* Semi-bold */
h3, .h3 { font-weight: 600; } /* Semi-bold */
h4, .h4 { font-weight: 500; } /* Medium */
h5, .h5 { font-weight: 500; } /* Medium */
h6, .h6 { font-weight: 500; } /* Medium */

/* Body text weight */
body, p, .lead {
    font-weight: 400; /* Regular */
}

/* Utility classes for different font weights */
.fw-thin { font-weight: 100 !important; }
.fw-extralight { font-weight: 200 !important; }
.fw-light { font-weight: 300 !important; }
.fw-normal { font-weight: 400 !important; }
.fw-medium { font-weight: 500 !important; }
.fw-semibold { font-weight: 600 !important; }
.fw-bold { font-weight: 700 !important; }
.fw-extrabold { font-weight: 800 !important; }
.fw-black { font-weight: 900 !important; }