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

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

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

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

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

/* Apply Quicksand as the default font family */
:root {
    --font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* Global font application */
html, body, div, span, p, h1, h2, h3, h4, h5, h6, button, input, select, textarea, a, li, td, th {
    font-family: 'Quicksand', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* 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);
}