/* Hindustan Solar Solution — Premium CSS */
:root {
    --navy-950: #020617;
    --navy-900: #0F172A;
    --navy-800: #1E293B;
    --amber: #F59E0B;
    --amber-light: #FBBF24;
    --green: #059669;
    --blue: #1E3A8A;
}

body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.logo-glow { filter: drop-shadow(0 0 8px rgba(245,158,11,0.3)); transition: filter 0.3s; }
.logo-glow:hover { filter: drop-shadow(0 0 12px rgba(245,158,11,0.5)); }

.frosted-glass-card {
    background: rgba(30, 41, 59, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(51, 65, 85, 0.5);
    transition: all 0.3s ease;
}
.frosted-glass-card:hover { border-color: rgba(245, 158, 11, 0.3); }

.counter { font-variant-numeric: tabular-nums; }

.text-amber { color: var(--amber); }
.bg-amber { background-color: var(--amber); }
.text-amber-light { color: var(--amber-light); }
.bg-amber-light { background-color: var(--amber-light); }
.bg-navy-950 { background-color: var(--navy-950); }
.bg-navy-900 { background-color: var(--navy-900); }
.bg-navy-800 { background-color: var(--navy-800); }
.border-amber { border-color: var(--amber); }
.text-brand-green { color: var(--green); }
.bg-brand-green { background-color: var(--green); }
.text-brand-blue { color: var(--blue); }

.hover\:text-amber:hover { color: var(--amber); }
.hover\:bg-amber:hover { background-color: var(--amber); }
.hover\:bg-amber-light:hover { background-color: var(--amber-light); }
.hover\:text-navy-950:hover { color: var(--navy-950); }
.hover\:border-amber\/50:hover { border-color: rgba(245,158,11,0.5); }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--navy-950); }
::-webkit-scrollbar-thumb { background: var(--navy-800); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--amber); }

/* Leaflet map dark theme */
.leaflet-container { background: #0F172A !important; }
.leaflet-bar a { background: #1E293B !important; color: #F59E0B !important; border-bottom: 1px solid #334155 !important; }
.leaflet-bar a:hover { background: #334155 !important; }

/* AOS fade */
[data-aos] { pointer-events: auto; }

/* Form focus */
input:focus, textarea:focus, select:focus { outline: none; }

/* Transition classes */
.transition { transition: all 0.3s ease; }
.transition-all { transition: all 0.3s ease; }
.duration-500 { transition-duration: 0.5s; }

/* Responsive */
@media (max-width: 768px) {
    .main-content { margin-left: 0 !important; }
}