/* -------------------------------------------------------------------------- */
/* LIGHT MODE OVERRIDES                                                       */
/* -------------------------------------------------------------------------- */

html[data-theme="light"] {
  font-size: 112.5% !important; /* +2 puntos (18px base instead of 16px) */
}

[data-theme="light"] {
  --bg-primary: hsl(210, 30%, 99%);
  --bg-secondary: hsl(210, 20%, 96%);
  --card-bg: rgba(255, 255, 255, 0.9);
  --card-bg-solid: hsl(0, 0%, 100%);
  --card-border: rgba(15, 23, 42, 0.1);
  --card-border-glow: rgba(0, 0, 0, 0.05);
  
  --text-primary: #000000;
  --text-secondary: hsl(225, 15%, 20%);
  --text-muted: hsl(225, 10%, 40%);
  
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 12px -2px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 12px 30px -4px rgba(15, 23, 42, 0.08);
  --shadow-glow: 0 0 10px rgba(0, 0, 0, 0.02);

  /* Adaptative Elements backgrounds - Light overrides */
  --input-bg: hsl(0, 0%, 100%);
  --input-bg-focus: hsl(0, 0%, 100%);
  --btn-secondary-bg: rgba(15, 23, 42, 0.03);
  --btn-secondary-bg-hover: rgba(15, 23, 42, 0.06);
  --table-header-bg: hsl(210, 30%, 98%);
  --table-row-hover-bg: rgba(15, 23, 42, 0.015);
}

/* Hardcoded overrides for light mode professional look */
[data-theme="light"] .bg-gray-100, [data-theme="light"] .bg-gray-200, [data-theme="light"] .bg-gray-300, [data-theme="light"] .bg-gray-400 {
  background-color: hsl(210, 30%, 98%) !important;
  border-color: rgba(15, 23, 42, 0.05) !important;
}
[data-theme="light"] .bg-gray-50, [data-theme="light"] .bg-white\/5, [data-theme="light"] .bg-white\/10 {
  background-color: hsl(210, 30%, 99%) !important;
  border-color: rgba(15, 23, 42, 0.05) !important;
}
[data-theme="light"] .border-gray-200, [data-theme="light"] .border-gray-300 {
  border-color: rgba(15, 23, 42, 0.05) !important;
}
[data-theme="light"] .text-gray-800 {
  color: var(--text-primary) !important;
}

/* Fix Modals */
[data-theme="light"] .fixed.inset-0.bg-gray-300, 
[data-theme="light"] .fixed.inset-0.bg-gray-400,
[data-theme="light"] .fixed.inset-0 {
  background-color: rgba(15, 23, 42, 0.7) !important;
}

/* Aggressive Text Color Overrides for Legibility */
[data-theme="light"] [class*="text-cyan-2"], [data-theme="light"] [class*="text-cyan-3"], [data-theme="light"] [class*="text-cyan-4"] { color: hsl(195, 90%, 30%) !important; font-weight: 700; }
[data-theme="light"] [class*="text-emerald-2"], [data-theme="light"] [class*="text-emerald-3"], [data-theme="light"] [class*="text-emerald-4"] { color: hsl(142, 70%, 30%) !important; font-weight: 700; }
[data-theme="light"] [class*="text-amber-2"], [data-theme="light"] [class*="text-amber-3"], [data-theme="light"] [class*="text-amber-4"] { color: hsl(35, 90%, 35%) !important; font-weight: 700; }
[data-theme="light"] [class*="text-rose-2"], [data-theme="light"] [class*="text-rose-3"], [data-theme="light"] [class*="text-rose-4"] { color: hsl(350, 80%, 40%) !important; font-weight: 700; }
[data-theme="light"] [class*="text-blue-2"], [data-theme="light"] [class*="text-blue-3"], [data-theme="light"] [class*="text-blue-4"] { color: hsl(210, 90%, 35%) !important; font-weight: 700; }
[data-theme="light"] [class*="text-violet-2"], [data-theme="light"] [class*="text-violet-3"], [data-theme="light"] [class*="text-violet-4"], [data-theme="light"] [class*="text-purple-2"], [data-theme="light"] [class*="text-purple-3"], [data-theme="light"] [class*="text-purple-4"] { color: hsl(265, 85%, 40%) !important; font-weight: 700; }
[data-theme="light"] [class*="text-indigo-2"], [data-theme="light"] [class*="text-indigo-3"], [data-theme="light"] [class*="text-indigo-4"] { color: hsl(240, 70%, 40%) !important; font-weight: 700; }

/* Keep white text inside colored buttons and badges */
[data-theme="light"] [class*="bg-cyan-600"] [class*="text-"],
[data-theme="light"] [class*="bg-emerald-600"] [class*="text-"],
[data-theme="light"] [class*="bg-amber-600"] [class*="text-"],
[data-theme="light"] [class*="bg-rose-600"] [class*="text-"],
[data-theme="light"] [class*="bg-blue-600"] [class*="text-"],
[data-theme="light"] [class*="bg-indigo-600"] [class*="text-"],
[data-theme="light"] [class*="bg-violet-600"] [class*="text-"] {
  color: white !important;
}

/* Remove pastel backgrounds from KPI cards and other elements */
[data-theme="light"] [class~="bg-blue-950/10"],
[data-theme="light"] [class~="bg-amber-950/10"],
[data-theme="light"] [class~="bg-emerald-950/10"],
[data-theme="light"] [class~="bg-rose-950/10"],
[data-theme="light"] [class~="bg-purple-950/10"],
[data-theme="light"] [class~="bg-cyan-950/20"],
[data-theme="light"] [class~="bg-amber-950/30"],
[data-theme="light"] [class~="bg-amber-50"],
[data-theme="light"] [class~="bg-blue-50"],
[data-theme="light"] [class~="bg-emerald-50"],
[data-theme="light"] [class~="bg-rose-50"],
[data-theme="light"] [class~="bg-purple-50"],
[data-theme="light"] [class~="bg-cyan-50"] {
  background-color: hsl(0, 0%, 100%) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .bg-slate-950,
[data-theme="light"] [class~="bg-slate-950"] {
  background-color: #fff !important;
  color: #1e293b !important;
  border-color: #e2e8f0 !important;
}
