/* Cyberpunk purple theme overrides */

:root {
  --color-50: 250 245 255;
  --color-100: 245 235 255;
  --color-200: 233 213 255;
  --color-300: 216 180 254;
  --color-400: 192 132 252;
  --color-500: 168 85 247;
  --color-600: 147 51 234;
  --color-700: 126 34 206;
  --color-800: 107 33 168;
  --color-900: 88 28 135;
}

/* Neon purple glow on service cards */
#page_container div[class*="service"] > div {
  border: 1px solid rgba(168, 85, 247, 0.3) !important;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.15), inset 0 0 12px rgba(168, 85, 247, 0.05) !important;
  transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
}

#page_container div[class*="service"] > div:hover {
  border-color: rgba(192, 132, 252, 0.6) !important;
  box-shadow: 0 0 20px rgba(168, 85, 247, 0.35), inset 0 0 15px rgba(168, 85, 247, 0.1) !important;
}

/* Glowing section headers */
h2 {
  text-shadow: 0 0 10px rgba(192, 132, 252, 0.5) !important;
  color: rgb(216, 180, 254) !important;
}

/* Neon accent on search bar */
input[type="text"], input[type="search"] {
  border: 1px solid rgba(168, 85, 247, 0.4) !important;
  box-shadow: 0 0 8px rgba(168, 85, 247, 0.2) !important;
}

input[type="text"]:focus, input[type="search"]:focus {
  border-color: rgba(192, 132, 252, 0.7) !important;
  box-shadow: 0 0 15px rgba(168, 85, 247, 0.4) !important;
}