/* =============================================
   SRI VISUAL — Futuristic AI Theme
   Cyber UI, animated elements, AI aesthetic
   ============================================= */
[data-theme="futuristic-ai"] {
  --sv-bg: #010A0E;
  --sv-bg-card: #021018;
  --sv-bg-card-hover: #041520;
  --sv-bg-input: #05192A;
  --sv-bg-nav: rgba(1,10,14,0.92);
  --sv-primary: #00D4FF;
  --sv-primary-dark: #00AACC;
  --sv-secondary: #00FF8C;
  --sv-accent: #FF6B00;
  --sv-success: #00FF8C;
  --sv-danger: #FF2D55;
  --sv-text: #D0F0FF;
  --sv-text-muted: #5588AA;
  --sv-text-dim: #224455;
  --sv-border: rgba(0,212,255,0.1);
  --sv-border-strong: rgba(0,212,255,0.18);
  --sv-grad-primary: linear-gradient(135deg, #00D4FF, #00FF8C);
  --sv-grad-hero: linear-gradient(135deg, #010A0E, #021520, #010A0E);
  --sv-shadow-glow: 0 0 40px rgba(0,212,255,0.2);
}
[data-theme="futuristic-ai"] .sv-navbar { border-bottom-color: rgba(0,212,255,0.15); }
[data-theme="futuristic-ai"] .brand-accent { color: #00D4FF; }
[data-theme="futuristic-ai"] .service-card:hover { border-color: rgba(0,212,255,0.4); box-shadow: 0 0 30px rgba(0,212,255,0.15); }
[data-theme="futuristic-ai"] .hero-grid { background-image: linear-gradient(rgba(0,212,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0,212,255,0.06) 1px, transparent 1px); }
[data-theme="futuristic-ai"] .hero-gradient-text {
  background: linear-gradient(135deg, #00D4FF, #00FF8C);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
[data-theme="futuristic-ai"] .section-tag { background: rgba(0,212,255,0.08); border-color: rgba(0,212,255,0.2); color: #00D4FF; }
[data-theme="futuristic-ai"] .sv-footer { border-top-color: rgba(0,212,255,0.1); }