/* V3 AI Theme - injected via link, overrides V1 vars */

/* Root dark */
:root {
  --bg: #05050A !important; --bg2: #0A0A12 !important;
  --surface: rgba(255,255,255,0.03) !important; --surface-solid: #111 !important;
  --surface-alt: rgba(255,255,255,0.02) !important;
  --accent: #7C6AFF !important; --accent-hover: #9B8AFF !important;
  --accent-light: rgba(124,106,255,0.10) !important;
  --accent2: #00D4AA !important; --accent2-light: rgba(0,212,170,0.08) !important;
  --green: #00D4AA !important; --purple: #7C6AFF !important;
  --text: #E8E8F0 !important; --text-body: rgba(232,232,240,0.55) !important;
  --text-muted: rgba(232,232,240,0.30) !important;
  --border: rgba(255,255,255,0.06) !important; --border-hi: rgba(255,255,255,0.10) !important;
}
[data-theme="light"] {
  --bg: #F8F8FC !important; --bg2: #EFEFF6 !important;
  --surface: rgba(255,255,255,0.70) !important; --surface-solid: #FFF !important;
  --surface-alt: rgba(255,255,255,0.50) !important;
  --accent: #6248FF !important; --accent-hover: #5038E0 !important;
  --accent-light: rgba(98,72,255,0.08) !important;
  --accent2: #00B894 !important; --accent2-light: rgba(0,184,148,0.06) !important;
  --green: #00B894 !important; --purple: #6248FF !important;
  --text: #0D0D14 !important; --text-body: rgba(13,13,20,0.55) !important;
  --text-muted: rgba(13,13,20,0.30) !important;
  --border: rgba(0,0,0,0.06) !important; --border-hi: rgba(0,0,0,0.10) !important;
}

/* Font override */
body { font-family: 'Inter', 'Space Grotesk', system-ui, sans-serif !important; -webkit-font-smoothing: antialiased; }

/* Nav V3 */
.nav { background: rgba(5,5,10,0.60) !important; backdrop-filter: blur(24px) saturate(180%) !important; -webkit-backdrop-filter: blur(24px) saturate(180%) !important; }
[data-theme="light"] .nav { background: rgba(248,248,252,0.70) !important; }

/* Nav logo gradient */
.nav-logo { background: linear-gradient(135deg, #7C6AFF, #00D4AA) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; }
.nav-logo i { -webkit-text-fill-color: #7C6AFF !important; }

/* AI Mesh BG via body::before */
body::before {
  content: ''; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background:
    radial-gradient(ellipse 600px 400px at 20% 20%, rgba(124,106,255,0.12) 0%, transparent 70%),
    radial-gradient(ellipse 500px 500px at 80% 30%, rgba(0,212,170,0.08) 0%, transparent 70%),
    radial-gradient(ellipse 400px 300px at 50% 80%, rgba(255,106,194,0.06) 0%, transparent 70%);
  animation: meshShift 20s ease-in-out infinite alternate;
}
[data-theme="light"] body::before {
  background:
    radial-gradient(ellipse 600px 400px at 20% 20%, rgba(98,72,255,0.06) 0%, transparent 70%),
    radial-gradient(ellipse 500px 500px at 80% 30%, rgba(0,184,148,0.05) 0%, transparent 70%),
    radial-gradient(ellipse 400px 300px at 50% 80%, rgba(232,67,147,0.04) 0%, transparent 70%);
}
@keyframes meshShift { 0% { background-position: 0% 0%, 100% 0%, 50% 100%; } 100% { background-position: 10% 40%, 90% 10%, 60% 90%; } }

/* Neural Grid via body::after */
body::after {
  content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: 0.03;
  background-image: linear-gradient(#7C6AFF 1px, transparent 1px), linear-gradient(90deg, #7C6AFF 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 20%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 20%, transparent 70%);
}
[data-theme="light"] body::after { opacity: 0.04; }

/* Buttons */
.btn-primary, .pay-btn, .nav-cta, .btn-pro, .price-btn {
  background: linear-gradient(135deg, #7C6AFF, #9B8AFF) !important;
  box-shadow: 0 4px 20px rgba(124,106,255,0.25) !important; color: #FFF !important;
}
.btn-primary:hover, .pay-btn:hover, .nav-cta:hover {
  box-shadow: 0 8px 28px rgba(124,106,255,0.35) !important;
  transform: translateY(-1px);
}

/* Cards glass */
.card, .stat, .section, .plan-banner, .profile-header, .plan-card,
.consent-card, .form-card, .cc, .faq-item, .checkout-card, .order-card {
  border-color: var(--border) !important;
  backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
}
[data-theme="light"] .card, [data-theme="light"] .stat, [data-theme="light"] .section,
[data-theme="light"] .plan-banner, [data-theme="light"] .profile-header,
[data-theme="light"] .form-card, [data-theme="light"] .cc, [data-theme="light"] .order-card {
  box-shadow: 0 4px 20px rgba(13,13,20,0.05), inset 0 1px 0 rgba(255,255,255,0.8) !important;
}

/* Inputs */
input, select, textarea, .field-input, .field-select, .country-code-select {
  background: rgba(255,255,255,0.03) !important; color: var(--text) !important; border-color: var(--border) !important;
}
input:focus, select:focus, textarea:focus, .field-input:focus {
  border-color: #7C6AFF !important; box-shadow: 0 0 0 3px rgba(124,106,255,0.12) !important;
}
[data-theme="light"] input, [data-theme="light"] select, [data-theme="light"] textarea,
[data-theme="light"] .field-input, [data-theme="light"] .field-select {
  background: rgba(255,255,255,0.70) !important;
}

/* Theme toggle */
.btn-theme-toggle { background: transparent !important; border: 1px solid var(--border) !important; color: var(--text-muted) !important; }
.btn-theme-toggle:hover { background: rgba(124,106,255,0.08) !important; border-color: rgba(124,106,255,0.3) !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(124,106,255,0.2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(124,106,255,0.4); }

/* Links */
a { color: #7C6AFF; }
.nav-a:hover, .nav-link:hover { background: rgba(124,106,255,0.08) !important; }

/* Orb color overrides */
.orb-1 { background: #7C6AFF !important; }
.orb-2 { background: #00D4AA !important; }
.orb-3 { background: #FF6AC2 !important; }