/* Restore Blue Theme - Override purple colors with original blue scheme */

:root {
  /* Override purple accent with blue */
  --accent: #3b82f6 !important;
  
  /* Blue color palette */
  --primary: #3b82f6 !important;
  --primary-dark: #2563eb !important;
  --primary-light: #60a5fa !important;
  --secondary: #06b6d4 !important;
}

/* Override purple gradient background with blue */
body::before {
    background: linear-gradient(135deg, 
        #000000 0%, 
        #001a33 25%,  /* Deep blue instead of purple */
        #002d52 50%,  /* Medium blue instead of purple */
        #001a33 75%,  /* Deep blue */
        #000000 100%) !important;
}

/* Blue gradient overlay instead of purple */
body::after {
    background: radial-gradient(
        circle at 20% 50%,
        rgba(59, 130, 246, 0.15) 0%,  /* Blue instead of purple */
        transparent 50%
    ) !important;
}

/* Blue mesh pattern */
.mesh-overlay {
    background-image: 
        linear-gradient(rgba(59, 130, 246, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(59, 130, 246, 0.03) 1px, transparent 1px) !important;
}

/* Override purple in accent-font gradient */
.accent-font {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Fix gradient text to use blue */
.gradient-text {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #06b6d4 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Override premium button gradients */
.btn-premium {
    background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%) !important;
}

.btn-premium:hover {
    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4) !important;
}

/* Fix glow effects to use blue */
.glow-propagate::before {
    background: linear-gradient(45deg, #3b82f6, #06b6d4, #3b82f6) !important;
}

/* Blue scroll indicator */
.scroll-indicator {
    background: linear-gradient(90deg, #3b82f6 0%, #06b6d4 100%) !important;
}

/* Fix filter buttons */
.filter-btn:hover,
.filter-btn.active,
.blog-filter-btn:hover,
.blog-filter-btn.active {
    background: linear-gradient(45deg, rgba(59, 130, 246, 0.8), rgba(6, 182, 212, 0.8)) !important;
}

/* Blue hover states for buttons */
.btn-glass:hover {
    background: linear-gradient(45deg, rgba(59, 130, 246, 1), rgba(6, 182, 212, 1)) !important;
}

/* Blue text glow */
.text-glow:hover {
    text-shadow: 0 0 15px rgba(59, 130, 246, 0.8) !important;
}

/* Blue nav link hover */
.nav-link:hover {
    color: #3b82f6 !important;
    text-shadow: 0 0 10px rgba(59, 130, 246, 0.5) !important;
}

/* Blue icons */
.service-icon {
    color: #3b82f6 !important;
}

.feature-item i {
    color: #3b82f6 !important;
}

/* Fix any remaining purple references */
*[style*="7c3aed"],
*[style*="a855f7"],
*[style*="8b5cf6"] {
    color: #3b82f6 !important;
}

/* Hero text gradient with blue */
.hero-text {
    background: linear-gradient(135deg, #ffffff 0%, #60a5fa 50%, #3b82f6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}