:root {
  color-scheme: light;
}

[data-theme="dark"] {
  color-scheme: dark;
  --dark-bg: #0f172a;
  --dark-surface: #111827;
  --dark-surface-2: #0b1220;
  --dark-border: #233044;
  --dark-text: #e2e8f0;
  --dark-muted: #94a3b8;
  --dark-accent: #7dd3fc;
  --dark-accent-2: #a78bfa;
}

[data-theme="dark"] body {
  background: var(--dark-bg);
  color: var(--dark-text);
}

[data-theme="dark"] header,
[data-theme="dark"] .header {
  background: var(--dark-surface) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
  box-shadow: 0 2px 10px rgba(2, 6, 23, 0.55) !important;
}

[data-theme="dark"] .bg-white {
  background-color: var(--dark-surface) !important;
}

[data-theme="dark"] .bg-gray-50 {
  background-color: var(--dark-surface-2) !important;
}

[data-theme="dark"] .bg-gray-100 {
  background-color: #0f1b2d !important;
}

[data-theme="dark"] .bg-gray-200 {
  background-color: #162033 !important;
}

[data-theme="dark"] .text-gray-900,
[data-theme="dark"] .text-gray-800,
[data-theme="dark"] .text-gray-700 {
  color: var(--dark-text) !important;
}

[data-theme="dark"] .text-gray-600,
[data-theme="dark"] .text-gray-500,
[data-theme="dark"] .text-gray-400 {
  color: var(--dark-muted) !important;
}

[data-theme="dark"] .text-green-400,
[data-theme="dark"] .text-green-500,
[data-theme="dark"] .text-green-600,
[data-theme="dark"] .text-green-700,
[data-theme="dark"] .text-emerald-600,
[data-theme="dark"] .text-emerald-700 {
  color: var(--dark-accent) !important;
}

[data-theme="dark"] a,
[data-theme="dark"] .link-ia {
  color: var(--dark-accent) !important;
}

[data-theme="dark"] .border-gray-100,
[data-theme="dark"] .border-gray-200,
[data-theme="dark"] .border-gray-300 {
  border-color: var(--dark-border) !important;
}

[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: #0f1b2d !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--dark-muted) !important;
}

[data-theme="dark"] .shadow-2xl,
[data-theme="dark"] .shadow-xl,
[data-theme="dark"] .shadow-lg {
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.55) !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .doc-type {
  background-color: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
}

[data-theme="dark"] .card h3,
[data-theme="dark"] .card p,
[data-theme="dark"] .doc-type h3,
[data-theme="dark"] .doc-type p,
[data-theme="dark"] .hero-copy {
  color: var(--dark-text) !important;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] .hero-title,
[data-theme="dark"] .card h3,
[data-theme="dark"] .doc-type h3,
[data-theme="dark"] .text-2xl.font-bold,
[data-theme="dark"] .text-3xl.font-bold,
[data-theme="dark"] .text-4xl.font-bold,
[data-theme="dark"] .text-5xl.font-bold,
[data-theme="dark"] .text-6xl.font-bold,
[data-theme="dark"] .text-7xl.font-bold,
[data-theme="dark"] h1.text-gray-900,
[data-theme="dark"] h2.text-gray-900,
[data-theme="dark"] h3.text-gray-900,
[data-theme="dark"] h4.text-gray-900,
[data-theme="dark"] h5.text-gray-900,
[data-theme="dark"] h6.text-gray-900 {
  color: var(--ia-purple) !important;
}

[data-theme="dark"] .hero-title span,
[data-theme="dark"] .text-primary {
  color: var(--ia-purple) !important;
}

[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-login-style,
[data-theme="dark"] .btn-ia-gradient,
[data-theme="dark"] .btn-login-static {
  background: #1f2937 !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
}

[data-theme="dark"] .btn-login-style:hover,
[data-theme="dark"] .btn-chat-lucia:hover {
  background: var(--ia-gradient) !important;
  box-shadow: 0 12px 26px rgba(109, 40, 217, 0.25), 0 10px 22px rgba(34, 211, 238, 0.25) !important;
  transform: translateY(-2px) !important;
}



[data-theme="dark"] .bg-green-600,
[data-theme="dark"] .bg-green-700,
[data-theme="dark"] .bg-emerald-600,
[data-theme="dark"] .bg-emerald-700 {
  background-color: #1f2937 !important;
  color: #f8fafc !important;
}

[data-theme="dark"] .progress-bar {
  background: #3b82f6 !important;
}

[data-theme="dark"] .theme-toggle {
  background: #1f2937 !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}

[data-theme="dark"] .speech-bubble,
[data-theme="dark"] .speech-bubble-rrhh {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
  border-color: #1f2a3d !important;
  box-shadow: 0 10px 28px rgba(2, 6, 23, 0.55) !important;
}

[data-theme="dark"] .speech-bubble:after,
[data-theme="dark"] .speech-bubble-rrhh:after {
  border-left-color: #0f172a !important;
}

[data-theme="dark"] #modalInfoSistema .bg-white,
[data-theme="dark"] #notifModal .bg-white,
[data-theme="dark"] #faqModal .bg-white,
[data-theme="dark"] #docsLegalesModal .bg-white,
[data-theme="dark"] #accesoRestringidoModal .bg-white {
  background-color: #0f172a !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}

[data-theme="dark"] .bg-blue-50,
[data-theme="dark"] .bg-yellow-50,
[data-theme="dark"] .bg-green-50 {
  background-color: #0b1220 !important;
  border-color: #1f2a3d !important;
}

[data-theme="dark"] .text-blue-600,
[data-theme="dark"] .text-blue-500,
[data-theme="dark"] .text-yellow-600,
[data-theme="dark"] .text-yellow-500 {
  color: var(--dark-accent) !important;
}