@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800;900&display=swap');
:root {
    --primary: #cc1e41 !important;
    --primary-glow: rgba(204, 30, 65, 0.4) !important;
    --primary-dark: #991b33 !important;
    --background-dark: #111111 !important;
    --background-card: #111111 !important;
    --accent-purple: #e11d48 !important;
    --accent-cyan: #111111 !important;
    --street-yellow: #ffffff !important;
    --neutral-900: #111111 !important;
    --text-primary: #ffffff !important;
}
body {
    font-family: 'Space Grotesk', sans-serif !important;
    background-color: #111111 !important;
    color: var(--text-primary) !important;
}
/* Global color inheritance */
p, span, label, div, h1, h2, h3, h4, h5, h6, li, a { color: inherit; } 
h1, h2, h3, h4, h5, h6 { font-family: 'Space Grotesk', sans-serif !important; }

/* Force dynamic text color on key UI elements */
.nav-link, .footer-link, .mobile-menu a, .icon-btn, .logo, .section-title, .product-name, .price { 
    color: var(--text-primary) !important; 
}

/* Nav & Footer specific states */
.nav-link { opacity: 0.7; }
.nav-link:hover, .nav-link.active { opacity: 1; }
.footer-link { opacity: 0.5; }
.footer-link:hover { opacity: 1; }

/* Dynamic Borders & Glass Effects */
:root {
    --glass-border: #ffffff22 !important;
}
.glass-card, .poster-card, .nav-main, .footer {
    border-color: var(--glass-border) !important;
}
.footer { background: #111111 !important; }

/* Fix hardcoded white transparencies */
[style*="rgba(255,255,255"], [style*="rgba(255, 255, 255"], [style*="color:#fff"], [style*="color: #fff"], [style*="color:white"] {
    color: var(--text-primary) !important;
    opacity: 0.6;
}
[style*="rgba(255,255,255,0.1)"], [style*="rgba(255, 255, 255, 0.1)"] { opacity: 0.2; }
[style*="rgba(255,255,255,0.2)"], [style*="rgba(255, 255, 255, 0.2)"] { opacity: 0.3; }
[style*="rgba(255,255,255,0.3)"], [style*="rgba(255, 255, 255, 0.3)"] { opacity: 0.4; }

/* Category Chips */
.chip { 
    color: var(--text-primary) !important; 
    opacity: 0.6; 
    border-color: var(--glass-border) !important;
}
.chip:hover, .chip.active { 
    opacity: 1; 
    color: #ffffff !important; /* White text looks better on the primary background */
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* Quantity Control */
.qty-control {
    background: #ffffff11 !important;
    border-color: var(--glass-border) !important;
}
.qty-value { color: var(--text-primary) !important; }

/* Forms */
input, select, textarea { 
    font-family: 'Space Grotesk', sans-serif !important; 
    border-radius: 19px !important;
    background: #ffffff11 !important;
    color: var(--text-primary) !important;
    border-color: var(--glass-border) !important;
}
input::placeholder { color: var(--text-primary) !important; opacity: 0.4; }
select option { background: #111111 !important; color: var(--text-primary) !important; }

/* Search icon */
.search-bar .material-icons { color: var(--text-primary) !important; opacity: 0.5; }

.btn-secondary { 
    border: 1px solid var(--text-primary) !important;
    color: var(--text-primary) !important;
}

.poster-card { border-radius: 23px !important; }
.btn-primary, .spray-button { border-radius: 9999px !important; }
.glass-card, .stat-card { border-radius: 23px !important; }
.nav-main { background: #111111 !important; }