:root {
  --bg: #f0f4f8; --surface: #ffffff; --card: #ffffff;
  --border: rgba(0,0,0,0.1);
  --purple: #0ea5e9; --purple-d: #0284c7;
  --green: #059669; --cyan: #06b6d4; --amber: #d97706; --red: #dc2626;
  --text: #0f172a; --text-2: #475569; --text-3: #94a3b8;
  --shadow: 0 4px 24px rgba(0,0,0,0.1);
  --badge-bg: rgba(14,165,233,.12); --badge-border: rgba(14,165,233,.3);
}
.navbar { background: rgba(255,255,255,0.92) !important; border-bottom: 1px solid rgba(0,0,0,0.08) !important; }
.btn-primary { background: linear-gradient(135deg, #0ea5e9, #0284c7) !important; box-shadow: 0 4px 24px rgba(14,165,233,.35) !important; }
.btn-primary:hover { box-shadow: 0 8px 32px rgba(14,165,233,.55) !important; }
.top-banner { background: linear-gradient(90deg, #0284c7, #0369a1) !important; }
.hero-bg-orbs .orb { filter: hue-rotate(200deg) !important; }
.cart-sidebar, .modal, .mobile-nav-panel { background: #ffffff !important; }
.product-card { background: #ffffff !important; box-shadow: 0 2px 16px rgba(0,0,0,0.08) !important; }
.step-card, .feature-card, .testimonial-card, .faq-item { background: #ffffff !important; border: 1px solid rgba(0,0,0,0.08) !important; }