/* Custom styles & bulletproof Tailwind fallbacks for AI Sun Solar Ghatal */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --primary-navy: #071B4B;
  --secondary-deep: #0B234F;
  --hero-dark: #061536;
  --accent-gold: #F5B82E;
  --accent-gold-hover: #e5aa25;
  --accent-green: #16A34A;
  --accent-green-light: #22C55E;
  --accent-orange: #F97316;
  --accent-blue: #2563EB;
  --bg-light: #F8FAFC;
  --text-dark: #0F172A;
  --text-muted: #64748B;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: var(--text-dark);
  background-color: #ffffff;
}

/* Glassmorphism & Header */
.header-scrolled {
  background-color: rgba(7, 27, 75, 0.95) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.35);
}

/* Capacity Badge Pulsing Glow */
.capacity-badge {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.capacity-badge:hover, .capacity-badge.active {
  transform: translateY(-4px) scale(1.08);
  border-color: #F5B82E !important;
  box-shadow: 0 0 20px rgba(245, 184, 46, 0.45);
}

/* Product & Solution Cards */
.solar-card {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.solar-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 30px -10px rgba(7, 27, 75, 0.12);
}

/* Solar Ray Animations */
@keyframes subtle-pulse {
  0%, 100% { opacity: 0.9; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.03); }
}

.animate-subtle-pulse {
  animation: subtle-pulse 4s ease-in-out infinite;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #071B4B;
}
::-webkit-scrollbar-thumb {
  background: #F5B82E;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #e5aa25;
}

/* Modal styles */
.modal-backdrop {
  background: rgba(4, 14, 40, 0.85);
  backdrop-filter: blur(8px);
}