/* Landing Page Text Color Fixes for Dark Mode */

/* Ensure dark mode is properly applied */
html.dark,
.dark {
  color-scheme: dark;
}

/* Base body styles for dark mode */
body {
  background-color: #0f172a; /* slate-950 */
  color: #ffffff;
}

/* Base text colors for dark backgrounds */
.dark .bg-gradient-to-b,
.dark .bg-slate-900,
.dark .bg-slate-950,
.dark .bg-black,
.dark [class*="from-slate-900"],
.dark [class*="to-black"],
.bg-gradient-to-b,
.bg-slate-900,
.bg-slate-950,
.bg-black,
[class*="from-slate-900"],
[class*="to-black"] {
  color: #ffffff;
}

/* Hero section specific fixes */
.dark section[data-landing-version],
section {
  color: #ffffff;
}

/* Heading colors */
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffffff !important;
}

/* Text color utilities override */
.text-white {
  color: #ffffff !important;
}

.text-slate-100 {
  color: #f1f5f9 !important;
}

.text-slate-200 {
  color: #e2e8f0 !important;
}

.text-slate-300 {
  color: #cbd5e1 !important;
}

.text-slate-400 {
  color: #94a3b8 !important;
}

.text-slate-500 {
  color: #64748b !important;
}

/* Preserve gradient text */
.text-transparent {
  color: transparent !important;
}

/* Ensure paragraphs are readable */
p {
  color: inherit;
}

/* Fix for nested content */
.bg-slate-900 *:not(.text-transparent):not([class*="text-"]),
.bg-slate-950 *:not(.text-transparent):not([class*="text-"]),
.bg-black *:not(.text-transparent):not([class*="text-"]) {
  color: inherit;
}

/* Button text colors */
.bg-gradient-to-r {
  color: #ffffff;
}

/* Link colors */
a {
  color: inherit;
}

a:hover {
  opacity: 0.9;
}

/* Form elements in dark mode */
input,
textarea,
select {
  color: #ffffff;
  background-color: rgb(30 41 59 / 0.5);
  border-color: rgb(71 85 105);
}

input::placeholder,
textarea::placeholder {
  color: rgb(148 163 184);
}

/* Ensure contrast for overlays */
.bg-black\/80,
.bg-slate-900\/50,
.bg-slate-800\/50 {
  color: #ffffff;
}

/* Fix for background gradient sections */
.bg-gradient-to-br {
  color: #ffffff;
}

/* Fix list items */
li {
  color: inherit;
}

/* Fix divs without explicit text color */
div:not([class*="text-"]) {
  color: inherit;
}

/* Cards and panels */
.rounded-xl,
.rounded-2xl,
.rounded-lg {
  color: inherit;
}