/* ============================================
   MARKET HEALTH LIGHT MODE - Smart Money Club
   ============================================ */

:root[data-theme="light"],
body[data-theme="light"] {
  /* Primary Colors */
  --bg-primary: #ffffff;
  --bg-secondary: #f5f7fa;
  --bg-tertiary: #f1f5f9;

  /* Text Colors */
  --text-primary: #2d3748;
  --text-secondary: #475569;
  --text-tertiary: #64748b;
  --text-muted: #94a3b8;

  /* Border Colors */
  --border-primary: #e2e8f0;
  --border-secondary: #cbd5e1;

  /* Card & Surface */
  --card-bg: #ffffff;
  --card-border: #e2e8f0;
  --card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);

  /* Table Colors */
  --table-header-bg: #f8fafc;
  --table-row-hover: #f1f5f9;
  --table-border: #e2e8f0;

  /* Gradient Headers */
  --gradient-blue-from: #eff6ff;
  --gradient-blue-to: #dbeafe;
  --gradient-orange-from: #fff7ed;
  --gradient-orange-to: #ffedd5;
  --gradient-green-from: #f0fdf4;
  --gradient-green-to: #dcfce7;
  --gradient-yellow-from: #fefce8;
  --gradient-yellow-to: #fef3c7;
  --gradient-purple-from: #faf5ff;
  --gradient-purple-to: #f3e8ff;
  --gradient-red-from: #fef2f2;
  --gradient-red-to: #fee2e2;
}

/* Global Light Mode Styles */
body[data-theme="light"] {
  background-color: #f5f7fa !important;
  color: #2d3748 !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Header / Navigation */
body[data-theme="light"] .market-health-page header {
  background-color: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(10px);
  border-bottom-color: var(--border-primary) !important;
}

/* Main Content Area */
body[data-theme="light"] .market-health-page main {
  background-color: var(--bg-secondary) !important;
}

/* Cards & Tables */
body[data-theme="light"] .market-health-page .bg-white {
  background-color: var(--card-bg) !important;
}

body[data-theme="light"] .market-health-page .border-slate-200 {
  border-color: var(--card-border) !important;
}

body[data-theme="light"] .market-health-page .rounded-xl,
body[data-theme="light"] .market-health-page .rounded-lg {
  box-shadow: var(--card-shadow);
}

/* Table Headers */
body[data-theme="light"] .market-health-page .bg-gray-50 {
  background-color: var(--table-header-bg) !important;
}

body[data-theme="light"] .market-health-page .border-gray-200,
body[data-theme="light"] .market-health-page .border-gray-300 {
  border-color: var(--table-border) !important;
}

/* Table Rows */
body[data-theme="light"] .market-health-page .border-gray-100 {
  border-color: var(--table-border) !important;
}

body[data-theme="light"] .market-health-page .hover\:bg-gray-50:hover {
  background-color: var(--table-row-hover) !important;
}

body[data-theme="light"] .market-health-page .hover\:bg-gray-100:hover {
  background-color: var(--table-row-hover) !important;
}

/* Text Colors */
body[data-theme="light"] .market-health-page .text-gray-900 {
  color: #1f2937 !important;
}

body[data-theme="light"] .market-health-page .text-gray-800 {
  color: #1f2937 !important;
}

body[data-theme="light"] .market-health-page .text-gray-700 {
  color: #374151 !important;
}

body[data-theme="light"] .market-health-page .text-gray-600 {
  color: #4b5563 !important;
}

body[data-theme="light"] .market-health-page .text-gray-500 {
  color: #6b7280 !important;
}

/* Gradient Headers for Tables */
body[data-theme="light"] .market-health-page .bg-gradient-to-r.from-blue-50 {
  background: linear-gradient(to right, var(--gradient-blue-from), var(--gradient-blue-to)) !important;
}

body[data-theme="light"] .market-health-page .bg-gradient-to-r.from-orange-50 {
  background: linear-gradient(to right, var(--gradient-orange-from), var(--gradient-orange-to)) !important;
}

body[data-theme="light"] .market-health-page .bg-gradient-to-r.from-green-50 {
  background: linear-gradient(to right, var(--gradient-green-from), var(--gradient-green-to)) !important;
}

body[data-theme="light"] .market-health-page .bg-gradient-to-r.from-yellow-50 {
  background: linear-gradient(to right, var(--gradient-yellow-from), var(--gradient-yellow-to)) !important;
}

body[data-theme="light"] .market-health-page .bg-gradient-to-r.from-purple-50 {
  background: linear-gradient(to right, var(--gradient-purple-from), var(--gradient-purple-to)) !important;
}

body[data-theme="light"] .market-health-page .bg-gradient-to-r.from-red-50 {
  background: linear-gradient(to right, var(--gradient-red-from), var(--gradient-red-to)) !important;
}

/* Keep positive/negative colors vibrant */
body[data-theme="light"] .market-health-page .positive-value,
body[data-theme="light"] .market-health-page .text-green-600 {
  color: #16a34a !important;
}

body[data-theme="light"] .market-health-page .negative-value,
body[data-theme="light"] .market-health-page .text-red-600 {
  color: #dc2626 !important;
}

body[data-theme="light"] .market-health-page .neutral-value {
  color: var(--text-tertiary) !important;
}

/* Market Status Colors */
body[data-theme="light"] .market-health-page .market-timing-text.market-open {
  color: #16a34a !important;
}

body[data-theme="light"] .market-health-page .market-timing-text.market-closed {
  color: #dc2626 !important;
}

/* Footer */
body[data-theme="light"] .market-health-page footer {
  background-color: var(--card-bg) !important;
  border-top-color: var(--border-primary) !important;
  color: var(--text-tertiary) !important;
}

/* Scrollbar for Light Mode */
body[data-theme="light"] .market-health-page .breadth-scroll::-webkit-scrollbar-track {
  background: transparent;
}

body[data-theme="light"] .market-health-page .breadth-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(203, 213, 225, 0.5);
}

body[data-theme="light"] .market-health-page .breadth-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(203, 213, 225, 0.8);
}

body[data-theme="light"] .market-health-page .overflow-y-auto::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.3);
}

body[data-theme="light"] .market-health-page .overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.5);
}

/* Mobile Menu */
body[data-theme="light"] .market-health-page #mobileMenu {
  background-color: var(--card-bg) !important;
  border-color: var(--border-primary) !important;
}

/* Link Colors */
body[data-theme="light"] .market-health-page .text-blue-400 {
  color: #3b82f6 !important;
}

body[data-theme="light"] .market-health-page .hover\:text-blue-300:hover {
  color: #2563eb !important;
}

/* Smooth Transitions */
body[data-theme="light"].market-health-page * {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}