/* ======================
   LIGHT THEME
====================== */

body {
  font-family: 'Poppins', sans-serif;
  background: #f3f6ff;
  background-color: #f3f6ff !important;
  color: #111 !important;
}

.navbar {
  background-color: inherit !important;
}

/* Navbar */
.navbar-glass {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
}

/* Buttons */
.btn-gradient {
  background: linear-gradient(135deg, #6a11cb, #2575fc);
  color: white;
  border-radius: 30px;
  padding: 10px 25px;
}

/* Hero */
.colorful-bg {
  background: linear-gradient(135deg, #ff512f, #dd2476);
  color: white;
  padding: 130px 0;
}

/* Cards */
.feature-card,
.product-card,
.contact-card {
  background: #ffffff;
  color: #111;
  padding: 35px;
  border-radius: 18px;
  transition: all 0.3s;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.feature-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

/* Footer */
.footer {
  background: linear-gradient(135deg, #6a11cb, #2575fc);
  color: white;
  padding: 20px;
}