/* Force dark blue background with important declarations */
html, body {
  background-color: #050826 !important;
  color: #ffffff !important;
  background-image: linear-gradient(to bottom, #050826 0%, #000b37 30%, #000b37 70%, #050826 100%) !important;
  background-attachment: fixed !important;
  background-size: 100% 100vh !important;
  min-height: 100vh !important;
}

/* Make headings use our turquoise-to-purple gradient */
h1, h2, h3, h4, h5, h6 {
  background: linear-gradient(90deg, #04dcf0, #8b5cf6) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}

/* Apply dark background to all cards/sections */
.card, .bg-white, section, div[class*="bg-white"] {
  background-color: #000b36 !important;
  color: white !important;
  border-color: #1e40af !important;
}

/* Ensure primary color is used consistently */
.text-primary {
  color: #8b5cf6 !important;
}

.bg-primary {
  background-color: #8b5cf6 !important;
}

.hover\:bg-primary:hover {
  background-color: #8b5cf6 !important;
}

.hover\:bg-primary-hover:hover {
  background-color: #7c3aed !important;
}

.hover\:text-primary:hover {
  color: #8b5cf6 !important;
}

.hover\:text-primary-hover:hover {
  color: #a78bfa !important;
}

/* Fix header and footer colors */
header, footer, nav {
  background-color: #000b36 !important;
  color: white !important;
  border-color: #1e40af !important;
}

/* Ensure buttons have consistent styling with solid white text */
.button, button, [type="button"], [type="submit"] {
  background-color: #8b5cf6 !important;
  color: white !important;
}

.button:hover, button:hover, [type="button"]:hover, [type="submit"]:hover {
  background-color: #7c3aed !important;
}

/* Apply white text directly to button content */
.button span, button span, [type="button"] span, [type="submit"] span,
.button a, button a, [type="button"] a, [type="submit"] a {
  color: white !important;
}

/* Ensure gradient backgrounds have solid white text */
.bg-gradient-to-r, .gradient-bg {
  color: white !important;
}

.bg-gradient-to-r span, .gradient-bg span, 
.bg-gradient-to-r a, .gradient-bg a {
  color: white !important;
}

/* Fix gradient text to use our colors */
.gradient-text {
  background: linear-gradient(90deg, #04dcf0, #8b5cf6) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Override any inconsistent link colors */
a {
  color: #04dcf0 !important;
}

a:hover {
  color: #42c4e0 !important;
}

/* Fix background image for containers */
.gradient-bg {
  background: linear-gradient(90deg, #04dcf0, #8b5cf6) !important;
}

/* Fix the logo container background */
.bg-gradient-tech {
  background: linear-gradient(45deg, #04dcf0, #8b5cf6) !important;
}

/* Fix header navigation links */
header a, nav a, .navbar a {
  color: #04dcf0 !important;
}

header a:hover, nav a:hover, .navbar a:hover {
  color: #42c4e0 !important;
}

/* Specifically target active navigation links */
.text-indigo-400, [class*="text-indigo"] {
  color: #04dcf0 !important;
}