/* Quicksand Font */
@font-face {
    font-family: 'Quicksand';
    src: url('/css/Quicksand-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('/css/Quicksand-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('/css/Quicksand-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('/css/Quicksand-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('/css/Quicksand-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Apply Quicksand font globally */
:root {
    --bs-font-sans-serif: 'Quicksand', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Font weight utility classes */
.font-light {
    font-weight: 300;
}
.font-regular {
    font-weight: 400;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.font-bold {
    font-weight: 700;
}

/* Menu Icon Styles */
.menu-icon {
    width: 1.375rem;
    height: 1.375rem;
    display: inline-block;
    margin-right: 0.5rem;
    position: relative;
    color: inherit;
    vertical-align: middle;
}

/* Override specific theme elements */
.site-header, .site-footer, .content-wrapper, .page-header, .navbar, .menu, .article, .issue {
    font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Override any other font families */
* {
    font-family: inherit;
}

/* Apply to all elements */
* {
    font-family: inherit;
}

/* Specific elements that might need explicit font application */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-family);
    font-weight: 600;
}

/* Input elements */
input, textarea, select, button {
    font-family: var(--font-family);
}

/* Navigation and menu items */
.nav, .menu, .navbar {
    font-family: var(--font-family);
}

/* Article content */
.article-content,
.page-content {
    font-family: var(--font-family);
}

/* Footer */
.footer {
    font-family: var(--font-family);
}