/* ═══════════════════════════════════════════════════════ */
/* AuraicPulse Software Solutions - Blue/Cyan Theme       */
/* ═══════════════════════════════════════════════════════ */

:root {
  --primary: #0ea5e9;
  --accent: #0284c7;
  --neon-pink: #06b6d4;
  --neon-blue: #38bdf8;
  --ring: #0ea5e9;
  --border: rgba(14, 165, 233, 0.1);
  --input: rgba(14, 165, 233, 0.08);
  --glow-rgb: 14, 165, 233;
  --scanline-color: rgba(14, 165, 233, 0.008);
}

/* Override glow blobs for blue/cyan */
.glow-blob-1 {
  background: radial-gradient(circle, rgba(14,165,233,0.1) 0%, rgba(2,132,199,0.05) 30%, transparent 70%) !important;
}

.glow-blob-2 {
  background: radial-gradient(circle, rgba(6,182,212,0.06) 0%, rgba(14,165,233,0.03) 40%, transparent 70%) !important;
}

.glow-blob-3 {
  background: radial-gradient(circle, rgba(56,189,248,0.04) 0%, transparent 70%) !important;
}

/* Override grid pattern */
.grid-pattern {
  background-image:
    linear-gradient(rgba(14, 165, 233, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14, 165, 233, 0.03) 1px, transparent 1px) !important;
}

/* Override hardcoded blue in hover states */
.stat:hover {
  border-color: rgba(14, 165, 233, 0.3);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 30px rgba(14, 165, 233, 0.05);
}

.platform-card:hover {
  border-color: rgba(14, 165, 233, 0.25);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4), 0 0 40px rgba(14, 165, 233, 0.08);
}

.platform-card::after {
  background: radial-gradient(
    800px circle at var(--mouse-x) var(--mouse-y),
    rgba(14, 165, 233, 0.04),
    transparent 40%
  );
}

.btn-primary:hover {
  box-shadow: 0 10px 30px rgba(14, 165, 233, 0.3);
}

.btn-submit:hover {
  box-shadow: 0 10px 30px rgba(14, 165, 233, 0.3);
}

.tech-chip:hover {
  border-color: rgba(14, 165, 233, 0.2);
}

.approach-step:hover .approach-num {
  color: rgba(14, 165, 233, 0.4);
  text-shadow: 0 0 20px rgba(14, 165, 233, 0.2);
}

.cta::before {
  background: radial-gradient(ellipse, rgba(14, 165, 233, 0.05), transparent 70%);
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #0ea5e9, #0284c7);
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #38bdf8, #0ea5e9);
}

/* Selection */
::selection {
  background: rgba(14, 165, 233, 0.3);
}

/* Dashboard mockup border */
.dashboard-mockup {
  border-color: rgba(14, 165, 233, 0.15);
  box-shadow:
    0 50px 100px rgba(0, 0, 0, 0.6),
    0 0 80px rgba(14, 165, 233, 0.06),
    0 0 0 1px rgba(14, 165, 233, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.dashboard-mockup:hover {
  box-shadow:
    0 60px 120px rgba(0, 0, 0, 0.6),
    0 0 120px rgba(14, 165, 233, 0.1),
    0 0 0 1px rgba(14, 165, 233, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Logo icon glow */
.logo-icon {
  box-shadow:
    0 0 20px rgba(14, 165, 233, 0.15),
    0 0 40px rgba(14, 165, 233, 0.05);
}

.logo:hover .logo-icon {
  box-shadow:
    0 0 25px rgba(14, 165, 233, 0.25),
    0 0 50px rgba(14, 165, 233, 0.1);
}