/* ══════════════════════════════════════════════════════
   GLOBAL LIGHT THEME — MBA ELITE PRO
══════════════════════════════════════════════════════ */
:root {
  /* Core Backgrounds */
  --bg-global: #FFFFFF;
  --bg-surface: #F8F9FA;
  --bg-surface-hover: #F0F2F5;
  
  /* Text & Typography */
  --text-main: #333333;
  --text-muted: #666666;
  --text-inverse: #FFFFFF;
  
  /* Brand Accents */
  --color-primary: #CE1126; /* MBA Red */
  --color-primary-dim: rgba(206,17,38,0.1);
  --color-secondary: #0c1929; /* Admin Dark Blue */
  --color-gold: #f5c842;
  
  /* Borders & UI Elements */
  --border-light: #E0E0E0;
  --border-medium: #D0D0D0;
  
  /* Soft Shadows */
  --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.08);
}

/* Global Scope Reset Layer */
body {
  background-color: var(--bg-global) !important;
  color: var(--text-main) !important;
}

/* Unified Card & Box Styles */
.card, .action-box, .section-box, .stat-cell, .match-node, .award-card, .idle-card {
  background-color: var(--bg-surface) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-soft) !important;
  color: var(--text-main) !important;
  transition: all 0.3s ease;
}

.card:hover, .action-box:hover, .section-box:hover, .award-card:hover {
  box-shadow: var(--shadow-hover) !important;
  border-color: var(--border-medium) !important;
}

/* Red accents reset for light mode visibility */
.primary-text {
  color: var(--color-primary) !important;
}

/* Tables reset for light mode */
.tbl thead th, .lb-table thead th, .trn-table thead th {
  background: var(--bg-surface-hover) !important;
  color: var(--text-main) !important;
  border-bottom: 2px solid var(--border-light) !important;
}
.tbl tbody tr, .lb-table tbody tr, .trn-table tbody tr {
  border-bottom: 1px solid var(--border-light) !important;
  background: var(--bg-global) !important;
}
.tbl tbody tr:hover, .lb-table tbody tr:hover, .trn-table tbody tr:hover {
  background: var(--bg-surface-hover) !important;
}
.tbl td, .lb-table td, .trn-table td {
  color: var(--text-main) !important;
}