/**
 * Neocell Theme Styles
 * Light mode overrides for dark-first design
 */

/* Light Mode Styles */
html.light body {
  background-color: #F8F7FC !important;
  color: #1a1a2e !important;
}

html.light .bg-\[\#0A0812\] { background-color: #F8F7FC !important; }
html.light .bg-\[\#1A1333\] { background-color: #EEEDF5 !important; }
html.light .bg-\[\#2A1F5C\] { background-color: #E5E3F0 !important; }

/* Text colors */
html.light .text-white { color: #1a1a2e !important; }
html.light .text-white\/90 { color: rgba(26, 26, 46, 0.9) !important; }
html.light .text-white\/85 { color: rgba(26, 26, 46, 0.85) !important; }
html.light .text-white\/80 { color: rgba(26, 26, 46, 0.8) !important; }
html.light .text-white\/70 { color: rgba(26, 26, 46, 0.7) !important; }
html.light .text-white\/60 { color: rgba(26, 26, 46, 0.6) !important; }
html.light .text-white\/50 { color: rgba(26, 26, 46, 0.5) !important; }
html.light .text-white\/40 { color: rgba(26, 26, 46, 0.4) !important; }
html.light .text-white\/30 { color: rgba(26, 26, 46, 0.3) !important; }
html.light .text-white\/20 { color: rgba(26, 26, 46, 0.2) !important; }

/* Borders */
html.light .border-white\/10 { border-color: rgba(26, 26, 46, 0.1) !important; }
html.light .border-white\/5 { border-color: rgba(26, 26, 46, 0.05) !important; }
html.light .border-white\/20 { border-color: rgba(26, 26, 46, 0.2) !important; }
html.light .divide-white\/10 > * + * { border-color: rgba(26, 26, 46, 0.1) !important; }
html.light .divide-white\/5 > * + * { border-color: rgba(26, 26, 46, 0.05) !important; }

/* Backgrounds */
html.light .bg-white\/5 { background-color: rgba(26, 26, 46, 0.05) !important; }
html.light .bg-white\/\[0\.01\] { background-color: rgba(26, 26, 46, 0.02) !important; }
html.light .bg-white\/\[0\.02\] { background-color: rgba(26, 26, 46, 0.03) !important; }
html.light .bg-white\/\[0\.03\] { background-color: rgba(26, 26, 46, 0.04) !important; }

/* Hover states */
html.light .hover\:bg-white\/\[0\.02\]:hover { background-color: rgba(26, 26, 46, 0.03) !important; }
html.light .hover\:bg-\[\#ffffff\]\/5:hover { background-color: rgba(91, 75, 196, 0.08) !important; }
html.light .hover\:bg-\[\#ffffff\]\/10:hover { background-color: rgba(91, 75, 196, 0.12) !important; }

/* Selection */
html.light .selection\:bg-\[\#5B4BC4\]\/30::selection { background-color: rgba(91, 75, 196, 0.2) !important; }
html.light .selection\:text-\[\#B8A9F2\]::selection { color: #5B4BC4 !important; }

/* Header/Nav */
html.light header { background-color: #F8F7FC !important; }
html.light .backdrop-blur-md { background-color: rgba(248, 247, 252, 0.8) !important; }

/* Gradients */
html.light .bg-\[radial-gradient\(ellipse_at_top_left\,_\#2A1F5C_0\%\,_\#1A1333_30\%\,_\#0A0812_70\%\)\] {
  background: radial-gradient(ellipse at top left, #E5E3F0 0%, #EEEDF5 30%, #F8F7FC 70%) !important;
}
html.light .bg-\[radial-gradient\(ellipse_at_center\,_\#1A1333_0\%\,_\#0A0812_70\%\)\] {
  background: radial-gradient(ellipse at center, #EEEDF5 0%, #F8F7FC 70%) !important;
}
html.light .bg-\[radial-gradient\(ellipse_at_bottom\,_\#1A1333_0\%\,_\#0A0812_70\%\)\] {
  background: radial-gradient(ellipse at bottom, #EEEDF5 0%, #F8F7FC 70%) !important;
}

html.light .from-\[\#0A0812\]\/90 { --tw-gradient-from: rgba(248, 247, 252, 0.9) !important; }
html.light .via-\[\#0A0812\]\/60 { --tw-gradient-stops: var(--tw-gradient-from), rgba(248, 247, 252, 0.6), var(--tw-gradient-to) !important; }
html.light .from-\[\#0A0812\] { --tw-gradient-from: #F8F7FC !important; }
html.light .via-\[\#0A0812\]\/80 { --tw-gradient-stops: var(--tw-gradient-from), rgba(248, 247, 252, 0.8), var(--tw-gradient-to) !important; }

/* ===========================================
   CTA BUTTONS - Keep text and icons white in light mode
   =========================================== */

/* Primary purple button */
html.light .bg-\[\#5B4BC4\] {
  color: #ffffff !important;
}
html.light .bg-\[\#5B4BC4\] svg {
  stroke: #ffffff !important;
}

/* Gradient CTA buttons */
html.light .bg-gradient-to-r.from-\[\#4F77FF\] {
  color: #ffffff !important;
}
html.light .bg-gradient-to-r.from-\[\#4F77FF\] svg {
  stroke: #ffffff !important;
}

/* Generic gradient button text */
html.light a[class*="bg-gradient-to-r"][class*="text-white"] {
  color: #ffffff !important;
}
html.light a[class*="bg-gradient-to-r"] svg {
  stroke: #ffffff !important;
}

/* Button elements with purple background */
html.light button[class*="bg-\[\#5B4BC4\]"] {
  color: #ffffff !important;
}
html.light button[class*="bg-\[\#5B4BC4\]"] svg {
  stroke: #ffffff !important;
}

/* Inline flex CTA links with gradient */
html.light a.inline-flex[class*="bg-gradient-to-r"] {
  color: #ffffff !important;
}

/* Legacy selectors for backwards compatibility */
html.light button .text-white,
html.light a.btn .text-white,
html.light .bg-\[\#5B4BC4\] .text-white,
html.light .bg-gradient-to-r .text-white {
  color: #ffffff !important;
}

/* ===========================================
   ENTREPRISES CARDS - Purple dashed borders in light mode
   =========================================== */

/* Solution cards with semi-transparent purple background */
html.light .bg-\[\#1A1333\]\/30 {
  background-color: rgba(91, 75, 196, 0.05) !important;
  border-color: rgba(91, 75, 196, 0.3) !important;
}

/* Card borders - use purple instead of gray */
html.light .border-dashed.border-white\/10 {
  border-color: rgba(91, 75, 196, 0.25) !important;
}

/* Icon container backgrounds */
html.light .bg-\[\#5B4BC4\]\/20 {
  background-color: rgba(91, 75, 196, 0.12) !important;
}

/* Icon container borders */
html.light .border-\[\#5B4BC4\]\/30 {
  border-color: rgba(91, 75, 196, 0.35) !important;
}

/* Hover backgrounds on cards */
html.light .hover\:bg-\[\#1A1333\]\/30:hover {
  background-color: rgba(91, 75, 196, 0.08) !important;
}

/* Placeholder text */
html.light .placeholder\:text-white\/40::placeholder { color: rgba(26, 26, 46, 0.4) !important; }
html.light .placeholder\:text-white\/30::placeholder { color: rgba(26, 26, 46, 0.3) !important; }

/* Focus states */
html.light .focus\:border-\[\#5B4BC4\]:focus { border-color: #5B4BC4 !important; }