/* Light theme — override CSS custom properties */

/* Body-level text color */
html.light body {
  color: #1e293b !important;
}

/* Main content area — invert palette */
html.light main {
  --color-dark-50: #0f172a !important;
  --color-dark-100: #1e293b !important;
  --color-dark-200: #334155 !important;
  --color-dark-300: #475569 !important;
  --color-dark-400: #64748b !important;
  --color-dark-500: #94a3b8 !important;
  --color-dark-600: #cbd5e1 !important;
  --color-dark-700: #e2e8f0 !important;
  --color-dark-800: #f3f4f6 !important;
  --color-dark-900: #f9fafb !important;
  --color-dark-950: #ffffff !important;
  background-color: #ffffff !important;
  color: #1e293b !important;
}

/* Force all text inside main to inherit */
html.light main * {
  color: inherit;
}

/* Re-apply specific text colors */
html.light main .text-dark-50 { color: #0f172a !important; }
html.light main .text-dark-100 { color: #1e293b !important; }
html.light main .text-dark-200 { color: #334155 !important; }
html.light main .text-dark-300 { color: #475569 !important; }
html.light main .text-dark-400 { color: #64748b !important; }
html.light main .text-dark-500 { color: #94a3b8 !important; }
html.light main .text-white { color: #ffffff !important; }
html.light main .text-accent { color: #d97706 !important; }
html.light main .text-primary-400 { color: #2563eb !important; }
html.light main .text-primary-600 { color: #2563eb !important; }
html.light main .text-success { color: #059669 !important; }
html.light main .text-danger { color: #ef4444 !important; }
html.light main .text-yellow-400 { color: #eab308 !important; }
html.light main .text-cyan-400 { color: #06b6d4 !important; }
html.light main .text-violet-400 { color: #8b5cf6 !important; }

/* Buttons — white text */
html.light main .bg-primary-600,
html.light main .bg-primary-600 *,
html.light main .bg-primary-500,
html.light main .bg-primary-500 * { color: #ffffff !important; }

/* Gradient banners — restore dark palette, white text */
html.light main [style*="linear-gradient"] {
  --color-dark-50: #f8fafc !important;
  --color-dark-100: #f1f5f9 !important;
  --color-dark-200: #e2e8f0 !important;
  --color-dark-300: #cbd5e1 !important;
  --color-dark-400: #94a3b8 !important;
  --color-dark-500: #64748b !important;
  --color-dark-600: #475569 !important;
  --color-dark-700: #334155 !important;
  --color-dark-800: #1e293b !important;
  --color-dark-900: #0f172a !important;
  --color-dark-950: #0a0e1a !important;
}
html.light main [style*="linear-gradient"] * { color: #f8fafc !important; }
html.light main [style*="linear-gradient"] .text-accent { color: #f59e0b !important; }
html.light main [style*="linear-gradient"] .text-cyan-400 { color: #22d3ee !important; }
html.light main [style*="linear-gradient"] .text-violet-400 { color: #a78bfa !important; }

/* Scrollbar */
html.light ::-webkit-scrollbar-track { background: #ffffff !important; }
html.light ::-webkit-scrollbar-thumb { background: #cbd5e1 !important; }
html.light ::-webkit-scrollbar-thumb:hover { background: #2563eb !important; }