/* Light Theme Overrides */
html[data-theme="light"] {
  color-scheme: light;
}

html[data-theme="light"] body.bg-background {
  background-color: #f8f9fa !important;
}

html[data-theme="light"] .bg-\[\#0e1133\] {
  background-color: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] #subpage-buttons-section,
html[data-theme="light"] .section-alt-bg,
html[data-theme="light"] .bg-\[\#141742\],
html[data-theme="light"] [class*="bg-[#141742]"] {
  background-color: #ffffff !important;
  color: #1a1a2e !important;
}

html[data-theme="light"] .text-foreground {
  color: #1a1a2e !important;
}

html[data-theme="light"] .text-foreground\/60 {
  color: rgba(26, 26, 46, 0.6) !important;
}

html[data-theme="light"] .text-foreground\/70 {
  color: rgba(26, 26, 46, 0.7) !important;
}

html[data-theme="light"] .text-foreground\/80 {
  color: rgba(26, 26, 46, 0.8) !important;
}

html[data-theme="light"] .text-foreground\/90 {
  color: rgba(26, 26, 46, 0.9) !important;
}

html[data-theme="light"] .hover\:text-foreground\/90:hover {
  color: rgba(26, 26, 46, 0.9) !important;
}

html[data-theme="light"] .bg-card {
  background-color: #ffffff !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .bg-card\/50 {
  background-color: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .bg-card\/30 {
  background-color: #ffffff !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .border-border {
  border-color: #cbd5e1 !important;
}

html[data-theme="light"] .border-white\/10 {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] .hover\:bg-white\/5:hover,
html[data-theme="light"] .bg-white\/5 {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

html[data-theme="light"] #lang-dropdown {
  background-color: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

html[data-theme="light"] .text-primary-foreground,
html[data-theme="light"] .text-primary-foreground\/85,
html[data-theme="light"] .text-primary-foreground\/75 {
  color: #1a1a2e !important;
}

html[data-theme="light"] .bg-primary.text-primary-foreground {
  color: #ffffff !important; /* Forces primary button text to retain its contrast */
}

/* Preserve dark theme for Nav and Hero banner in light theme */
html[data-theme="light"] nav.bg-\[\#0e1133\] {
  background-color: #0e1133 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="light"] nav .text-foreground\/60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

html[data-theme="light"] nav .text-foreground\/80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

html[data-theme="light"] nav .hover\:text-foreground\/90:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}

html[data-theme="light"] nav .hover\:bg-white\/5:hover,
html[data-theme="light"] nav .bg-white\/5 {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="light"] #lang-dropdown {
  background-color: #0e1133 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="light"] #hero-wrapper {
  background-color: #141742 !important;
  background-image: url('bg-02.png') !important;
}

html[data-theme="light"] #hero-wrapper .text-primary-foreground,
html[data-theme="light"] #hero-wrapper .text-primary-foreground\/85 {
  color: #ffffff !important;
}