:root {
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;
}

html[data-theme="light"] body,
html[data-theme="light"] .bg-background,
html[data-theme="light"] .bg-\[\#0A0A0A\] {
  background-color: #f6f8fc !important;
  color: #172033 !important;
}

html[data-theme="light"] nav,
html[data-theme="light"] footer,
html[data-theme="light"] .bg-\[\#0E0E0E\],
html[data-theme="light"] .bg-\[\#0c0c0c\],
html[data-theme="light"] .bg-\[\#111111\],
html[data-theme="light"] .bg-\[\#111111\]\/50,
html[data-theme="light"] .bg-surface-container,
html[data-theme="light"] .bg-surface-container-lowest,
html[data-theme="light"] .bg-surface-container-lowest\/80 {
  background-color: #ffffff !important;
}

html[data-theme="light"] .bg-\[\#161616\],
html[data-theme="light"] .bg-\[\#1a1a1a\],
html[data-theme="light"] .bg-\[\#0A0A0A\]\/80,
html[data-theme="light"] .bg-surface-container-low,
html[data-theme="light"] .bg-surface-container-high,
html[data-theme="light"] .bg-surface-container-highest {
  background-color: #eef3fb !important;
}

html[data-theme="light"] .border-\[\#222222\],
html[data-theme="light"] .divide-\[\#222222\] > :not([hidden]) ~ :not([hidden]) {
  border-color: #d8deea !important;
}

html[data-theme="light"] .text-white,
html[data-theme="light"] .text-on-surface,
html[data-theme="light"] .text-on-background {
  color: #101828 !important;
}

html[data-theme="light"] .text-white\/90 {
  color: rgba(16, 24, 40, 0.9) !important;
}

html[data-theme="light"] .text-on-surface-variant,
html[data-theme="light"] .text-zinc-400,
html[data-theme="light"] .text-zinc-500,
html[data-theme="light"] .text-zinc-600,
html[data-theme="light"] .text-neutral-400,
html[data-theme="light"] .text-neutral-500,
html[data-theme="light"] .text-neutral-600,
html[data-theme="light"] .text-gray-400,
html[data-theme="light"] .text-gray-500,
html[data-theme="light"] .text-gray-600,
html[data-theme="light"] .text-gray-700 {
  color: #526070 !important;
}

html[data-theme="light"] .text-\[\#175CFF\],
html[data-theme="light"] .text-primary-container,
html[data-theme="light"] .text-primary {
  color: #0f55d8 !important;
}

html[data-theme="light"] .bg-\[\#175CFF\],
html[data-theme="light"] .bg-primary-container {
  background-color: #175cff !important;
  color: #ffffff !important;
}

html[data-theme="light"] .bg-secondary,
html[data-theme="light"] .bg-secondary-container {
  background-color: #00b99f !important;
}

html[data-theme="light"] .text-secondary,
html[data-theme="light"] .text-secondary-fixed,
html[data-theme="light"] .text-secondary-container {
  color: #008571 !important;
}

html[data-theme="light"] .shadow-2xl {
  box-shadow: 0 24px 70px rgba(16, 24, 40, 0.12) !important;
}

html[data-theme="light"] .bg-gradient-to-b {
  background-image: linear-gradient(to bottom, #ffffff, rgba(246, 248, 252, 0)) !important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background-color: #ffffff !important;
  border-color: #d8deea !important;
  color: #101828 !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: #7a8798 !important;
}

html[data-theme="light"] .theme-toggle {
  background-color: #ffffff !important;
  border-color: #d8deea !important;
  color: #101828 !important;
}

html[data-theme="light"] .theme-toggle:hover {
  background-color: #eef3fb !important;
}

html[data-theme="light"] .mobile-nav-panel {
  background-color: #ffffff !important;
}

html[data-theme="light"] .hover\:bg-\[\#111111\]:hover,
html[data-theme="light"] .hover\:bg-white:hover {
  background-color: #eef3fb !important;
}

html[data-theme="light"] .hover\:bg-white\/10:hover {
  background-color: rgba(15, 85, 216, 0.08) !important;
}

html[data-theme="light"] .hover\:text-white:hover,
html[data-theme="light"] .group:hover .group-hover\:text-white {
  color: #0f55d8 !important;
}

html[data-theme="light"] .hover\:text-black:hover {
  color: #0f2f68 !important;
}

html[data-theme="light"] .nav-link:hover {
  background-color: #eef3fb !important;
  color: #0f55d8 !important;
}