/* Founding Eagle - Brand Theme Override */
/* Brand palette: #6E54FF (primary), #DDD7FE (light), #0E091C (dark bg), #85E6FF (cyan), #FF8EE4 (pink), #FFAE45 (orange) */

:root {
  --brand-purple: #6E54FF;
  --brand-purple-light: #DDD7FE;
  --brand-purple-dark: #4a38d4;
  --brand-bg: #0E091C;
  --brand-bg-2: #1a1030;
  --brand-cyan: #85E6FF;
  --brand-pink: #FF8EE4;
  --brand-orange: #FFAE45;
  --brand-glow: rgba(110, 84, 255, 0.4);
  --brand-glow-strong: rgba(110, 84, 255, 0.7);
}

/* Override background colors */
.bg-navy-blue { background-color: #0E091C !important; }
body { background-color: #0E091C !important; }

/* Override gradient text to brand purple */
.gradient-text {
  background: linear-gradient(135deg, #DDD7FE, #6E54FF, #FF8EE4) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Override electric-cyan to brand purple */
.text-electric-cyan { color: #6E54FF !important; }
.border-electric-cyan { border-color: #6E54FF !important; }
.border-electric-cyan\/30 { border-color: rgba(110, 84, 255, 0.3) !important; }
.border-electric-cyan\/40 { border-color: rgba(110, 84, 255, 0.4) !important; }
.border-electric-cyan\/60 { border-color: rgba(110, 84, 255, 0.6) !important; }
.border-electric-cyan\/70 { border-color: rgba(110, 84, 255, 0.7) !important; }
.bg-electric-cyan { background-color: #6E54FF !important; }
.bg-electric-cyan\/10 { background-color: rgba(110, 84, 255, 0.1) !important; }
.bg-electric-cyan\/20 { background-color: rgba(110, 84, 255, 0.2) !important; }
.shadow-electric-cyan\/80 { --tw-shadow-color: rgba(110, 84, 255, 0.8) !important; }
.shadow-electric-cyan\/50 { --tw-shadow-color: rgba(110, 84, 255, 0.5) !important; }
.hover\:shadow-electric-cyan\/80:hover { --tw-shadow-color: rgba(110, 84, 255, 0.8) !important; }
.hover\:border-electric-cyan:hover { border-color: #6E54FF !important; }
.hover\:border-electric-cyan\/70:hover { border-color: rgba(110, 84, 255, 0.7) !important; }
.hover\:text-electric-cyan:hover { color: #6E54FF !important; }
.focus\:border-electric-cyan:focus { border-color: #6E54FF !important; }
.from-electric-cyan { --tw-gradient-from: #6E54FF !important; }
.to-electric-cyan { --tw-gradient-to: #6E54FF !important; }
.animate-glow-pulse { box-shadow: 0 0 20px rgba(110, 84, 255, 0.5) !important; }

/* Override crimson-red to brand pink */
.text-crimson-red { color: #FF8EE4 !important; }
.border-crimson-red { border-color: #FF8EE4 !important; }
.border-crimson-red\/30 { border-color: rgba(255, 142, 228, 0.3) !important; }
.border-crimson-red\/40 { border-color: rgba(255, 142, 228, 0.4) !important; }
.border-crimson-red\/60 { border-color: rgba(255, 142, 228, 0.6) !important; }
.bg-crimson-red { background-color: #FF8EE4 !important; }
.bg-crimson-red\/10 { background-color: rgba(255, 142, 228, 0.1) !important; }
.bg-crimson-red\/20 { background-color: rgba(255, 142, 228, 0.2) !important; }
.from-crimson-red { --tw-gradient-from: #FF8EE4 !important; }
.hover\:border-crimson-red:hover { border-color: #FF8EE4 !important; }
.hover\:shadow-crimson-red\/30:hover { --tw-shadow-color: rgba(255, 142, 228, 0.3) !important; }

/* Keep metallic-gold as brand orange */
.text-metallic-gold { color: #FFAE45 !important; }
.border-metallic-gold { border-color: #FFAE45 !important; }
.border-metallic-gold\/20 { border-color: rgba(255, 174, 69, 0.2) !important; }
.border-metallic-gold\/30 { border-color: rgba(255, 174, 69, 0.3) !important; }
.border-metallic-gold\/40 { border-color: rgba(255, 174, 69, 0.4) !important; }
.border-metallic-gold\/60 { border-color: rgba(255, 174, 69, 0.6) !important; }
.bg-metallic-gold { background-color: #FFAE45 !important; }
.bg-metallic-gold\/10 { background-color: rgba(255, 174, 69, 0.1) !important; }
.bg-metallic-gold\/20 { background-color: rgba(255, 174, 69, 0.2) !important; }
.from-metallic-gold { --tw-gradient-from: #FFAE45 !important; }
.text-navy-blue { color: #0E091C !important; }

/* Glass backgrounds with purple tint */
.glass-bg {
  background: rgba(110, 84, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(110, 84, 255, 0.2) !important;
}

.glass-bg-enhanced {
  background: rgba(110, 84, 255, 0.12) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(110, 84, 255, 0.25) !important;
}

/* Background gradient overrides */
.from-navy-blue { --tw-gradient-from: #0E091C !important; }
.to-deep-blue { --tw-gradient-to: #1a1030 !important; }
.bg-gradient-to-br.from-navy-blue.to-deep-blue {
  background: linear-gradient(135deg, #0E091C, #1a1030) !important;
}

/* Nav gradient text */
#main-nav > div:first-child {
  background: linear-gradient(135deg, #DDD7FE, #6E54FF, #FF8EE4) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Gradient buttons - brand purple */
.bg-gradient-to-r.from-electric-cyan.to-blue-500 {
  background: linear-gradient(90deg, #6E54FF, #9B7FFF) !important;
  color: #ffffff !important;
}

.from-electric-cyan.to-blue-500 {
  --tw-gradient-from: #6E54FF !important;
  --tw-gradient-to: #9B7FFF !important;
}

/* Glow effects */
.text-glow {
  text-shadow: 0 0 30px rgba(110, 84, 255, 0.5), 0 0 60px rgba(110, 84, 255, 0.3) !important;
}

/* Supply banner */
#supply-banner {
  background: linear-gradient(90deg, #6E54FF, #0E091C, #FF8EE4) !important;
}

/* Flag canvas - override to purple-tinted */
#flag-canvas { opacity: 0.3 !important; filter: hue-rotate(200deg) saturate(1.5) !important; }

/* Gradient mesh - purple version */
#gradient-mesh {
  background: radial-gradient(ellipse at 20% 30%, rgba(110, 84, 255, 0.2) 0%, transparent 50%),
              radial-gradient(ellipse at 80% 70%, rgba(255, 174, 69, 0.1) 0%, transparent 50%),
              radial-gradient(ellipse at 50% 50%, rgba(255, 142, 228, 0.1) 0%, transparent 50%) !important;
}

/* Particles - purple */
.bg-electric-cyan.rounded-full { background-color: #6E54FF !important; }

/* Sticky CTA button */
#sticky-cta {
  background: linear-gradient(90deg, #6E54FF, #9B7FFF) !important;
  color: #ffffff !important;
  box-shadow: 0 0 30px rgba(110, 84, 255, 0.6) !important;
}

/* Pulse glow animation - purple */
@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 2px 20px rgba(110, 84, 255, 0.4); }
  50% { box-shadow: 0 2px 30px rgba(255, 142, 228, 0.5); }
}

/* Circuit grid - purple */
.opacity-30 {
  background-image: 
    repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(110, 84, 255, 0.03) 50px, rgba(110, 84, 255, 0.03) 51px),
    repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(110, 84, 255, 0.03) 50px, rgba(110, 84, 255, 0.03) 51px) !important;
}

/* Brand badge/pill styling */
.brand-badge {
  background: linear-gradient(135deg, #6E54FF, #FF8EE4);
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
}

/* pump.fun button */
.pumpfun-btn {
  background: linear-gradient(90deg, #6E54FF, #9B7FFF) !important;
  color: #ffffff !important;
  border: 1px solid rgba(110, 84, 255, 0.5) !important;
}

/* Chain badge */
.chain-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(110, 84, 255, 0.15);
  border: 1px solid rgba(110, 84, 255, 0.4);
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #DDD7FE;
}

/* Brand glow on hero image */
.hero-visual-3d canvas {
  filter: drop-shadow(0 0 40px rgba(110, 84, 255, 0.4)) !important;
}

/* Override blue-500 gradient stops */
.to-blue-500 { --tw-gradient-to: #9B7FFF !important; }
.from-blue-500 { --tw-gradient-from: #9B7FFF !important; }
.to-blue-600 { --tw-gradient-to: #6E54FF !important; }
.from-blue-600 { --tw-gradient-from: #6E54FF !important; }
.bg-blue-500\/20 { background-color: rgba(110, 84, 255, 0.2) !important; }
.text-blue-400 { color: #9B7FFF !important; }

/* Hover effects with purple */
.hover\:shadow-electric-cyan\/30:hover { --tw-shadow-color: rgba(110, 84, 255, 0.3) !important; }

/* Gallery borders */
.border-white\/30 { border-color: rgba(110, 84, 255, 0.3) !important; }
.hover\:border-white\/60:hover { border-color: rgba(110, 84, 255, 0.6) !important; }

/* Powered-by footer badge */
.powered-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(110, 84, 255, 0.1);
  border: 1px solid rgba(110, 84, 255, 0.3);
  border-radius: 24px;
  padding: 8px 20px;
  margin-top: 12px;
  color: #DDD7FE;
  font-size: 14px;
  font-weight: 600;
}

/* Brand logo SVG color */
.brand-logo { fill: #6E54FF; }