/* ============================================
   LIGHT MODE THEME - Smart Money Club
   ============================================ */

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

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

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

  /* Accent Colors */
  --accent-gold: #c6a34f;
  --accent-blue: #3b82f6;
  --accent-green: #10b981;
  --accent-red: #ef4444;

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

  /* Navigation */
  --nav-bg: rgba(255, 255, 255, 0.8);
  --nav-border: #e2e8f0;
  --nav-text: #475569;
  --nav-text-hover: #0f172a;

  /* Buttons */
  --btn-primary-bg: #0f172a;
  --btn-primary-text: #ffffff;
  --btn-primary-hover: #1e293b;
  --btn-secondary-bg: #f1f5f9;
  --btn-secondary-text: #0f172a;
  --btn-secondary-hover: #e2e8f0;

  /* Status Colors */
  --status-success-bg: #dcfce7;
  --status-success-text: #16a34a;
  --status-error-bg: #fee2e2;
  --status-error-text: #dc2626;
  --status-warning-bg: #fef3c7;
  --status-warning-text: #d97706;
  --status-info-bg: #dbeafe;
  --status-info-text: #2563eb;

  /* Input Fields */
  --input-bg: #ffffff;
  --input-border: #e2e8f0;
  --input-border-focus: #3b82f6;
  --input-text: #0f172a;
  --input-placeholder: #94a3b8;

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

  /* Chart Colors */
  --chart-line: #3b82f6;
  --chart-grid: #e2e8f0;

  /* Premium Badge */
  --premium-bg: #fef3c7;
  --premium-border: #fbbf24;
  --premium-text: #92400e;
}

/* Global Light Mode Styles */
body[data-theme="light"] {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ensure rulebook text is dark and visible in light mode */
body[data-theme="light"] .text-gray-700 {
  color: #1e293b !important;
}

body[data-theme="light"] .text-gray-600 {
  color: #475569 !important;
}

body[data-theme="light"] .dark\:text-gray-300 {
  color: #1e293b !important;
}

/* Cards */
.card {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
}

.card:hover {
  box-shadow: var(--card-hover-shadow);
}

/* Navigation */
.navbar {
  background-color: var(--nav-bg);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--nav-border);
}

.nav-link {
  color: var(--nav-text);
}

.nav-link:hover {
  color: var(--nav-text-hover);
}

/* Buttons */
.btn-primary {
  background-color: var(--btn-primary-bg);
  color: var(--btn-primary-text);
  border: none;
}

.btn-primary:hover {
  background-color: var(--btn-primary-hover);
}

.btn-secondary {
  background-color: var(--btn-secondary-bg);
  color: var(--btn-secondary-text);
  border: 1px solid var(--border-primary);
}

.btn-secondary:hover {
  background-color: var(--btn-secondary-hover);
}

/* Input Fields */
input, select, textarea {
  background-color: var(--input-bg);
  border: 1px solid var(--input-border);
  color: var(--input-text);
}

input:focus, select:focus, textarea:focus {
  border-color: var(--input-border-focus);
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

input::placeholder, textarea::placeholder {
  color: var(--input-placeholder);
}

/* Tables */
table thead {
  background-color: var(--table-header-bg);
}

table tr:hover {
  background-color: var(--table-row-hover);
}

table {
  border-color: var(--table-border);
}

/* Status Badges */
.status-success {
  background-color: var(--status-success-bg);
  color: var(--status-success-text);
}

.status-error {
  background-color: var(--status-error-bg);
  color: var(--status-error-text);
}

.status-warning {
  background-color: var(--status-warning-bg);
  color: var(--status-warning-text);
}

.status-info {
  background-color: var(--status-info-bg);
  color: var(--status-info-text);
}

/* Premium Elements */
.premium-badge {
  background-color: var(--premium-bg);
  border: 1px solid var(--premium-border);
  color: var(--premium-text);
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: var(--bg-tertiary);
}

::-webkit-scrollbar-thumb {
  background: var(--border-secondary);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--text-tertiary);
}