:root {
    --marque-black: #0a0a0a;
    --marque-gold: #a89f91;
    --footer-bg: #020202;
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --border-color: rgba(255, 255, 255, 0.1);
    --slogan-color: #2a2a2a;
    --news-bg-color: #000000;
    --header-logo-mobile-height: 2.75rem;
    --header-logo-desktop-height: 3.25rem;
    --footer-logo-mobile-height: 3.25rem;
    --footer-logo-desktop-height: 3.25rem;
    --site-font-family: 'Montserrat', sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.header-logo-img {
    height: var(--header-logo-mobile-height, 3.5rem);
}
@media (min-width: 768px) {
    .header-logo-img {
        height: var(--header-logo-desktop-height, 4rem) !important;
    }
}

.header-logo-text {
    min-height: var(--header-logo-mobile-height, 3.5rem);
}
@media (min-width: 768px) {
    .header-logo-text {
        min-height: var(--header-logo-desktop-height, 4rem) !important;
    }
}

.footer-logo-img {
    height: var(--footer-logo-mobile-height, 2.5rem) !important;
    width: auto;
}
@media (min-width: 768px) {
    .footer-logo-img {
        height: var(--footer-logo-desktop-height, 3rem) !important;
    }
}

/* Global resets and theme (moved from header.php) */
html {
    background-color: var(--marque-black);
}
body {
    margin: 0;
    background-color: var(--marque-black);
    color: var(--text-primary);
}
*,*::before,*::after {
    box-sizing: border-box;
}
a {
    color: inherit;
    text-decoration: none;
}
* ,*::before,*::after {
    font-family: var(--site-font-family) !important;
}
.product-card *, .project-card *, .project-title, .hero-title, .hero-subtitle, .filter-btn, .btn, .button, h1, h2, h3, h4, h5, h6, p, span, div, a, button, input, select, textarea, .nav-link, .mega-menu-title, .mobile-nav-link, .filter-toggle, .empty-state-title, .empty-state-description {
    font-family: var(--site-font-family) !important;
}