/* Light Theme - Override Variables */
:root {
  /* Primary Background Colors - Light Theme */
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f8fafc;
  --color-bg-tertiary: #f1f5f9;
  --color-bg-header: rgba(255, 255, 255, 0.95);

  /* Text Colors - Light Theme */
  --color-text-primary: #0f172a;
  --color-text-secondary: #475569;
  --color-text-muted: #64748b;

  /* Border Colors - Light Theme */
  --color-border: #e2e8f0;
  --color-border-light: rgba(0, 0, 0, 0.05);
  --color-border-medium: rgba(0, 0, 0, 0.1);

  /* Accent Colors - same as dark theme */
  --color-accent-primary: #9333ea; /* darker purple for light theme */
  --color-accent-secondary: #0891b2; /* darker cyan for light theme */
  --color-accent-blue: #2563eb; /* darker blue */
  --color-accent-green: #16a34a;
  --color-accent-red: #dc2626;
  --color-accent-yellow: #ca8a04; /* darker yellow */
  --color-accent-amber: #d97706;

  /* Steam Colors - same as dark theme */
  --color-steam-bg: #171a21;
  --color-steam-hover: #2a475e;
  --color-steam-text: #c5c3c0;
  --color-steam-border: #2a475e;

  /* Glass Effect - Light Theme */
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(0, 0, 0, 0.08);

  /* Telegram Color - same */
  --color-telegram: #0088cc;

  /* Status Colors - same */
  --color-online-ping: rgba(74, 222, 128, 0.75);
  --color-online: #22c55e;
}

/* Override specific classes for light theme */
.bg-glass {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
}

.header-glass {
  background: var(--color-bg-header) !important;
  border-bottom-color: var(--color-border) !important;
}

/* Fix light text colors for light theme - aggressive overrides */
.text-purple-400 {
  color: #7c3aed !important;
}
.text-purple-400:hover {
  color: #6d28d9 !important;
}

.text-blue-400 {
  color: #2563eb !important;
}
.text-blue-400:hover {
  color: #1d4ed8 !important;
}

.text-yellow-400 {
  color: #ca8a04 !important;
}
.text-yellow-400:hover {
  color: #a16207 !important;
}

.text-blue-200 {
  color: #1e40af !important;
}

/* Fix text-gray-500 for light theme */
.text-gray-500 {
  color: #64748b !important;
}
.text-gray-500:hover {
  color: #475569 !important;
}

/* Fix hover states that are still light */
.hover\:text-blue-400:hover {
  color: #2563eb !important;
}
.hover\:text-yellow-400:hover {
  color: #ca8a04 !important;
}
.hover\:text-purple-400:hover {
  color: #7c3aed !important;
}

/* Fix badges backgrounds */
.bg-yellow-500\/20 {
  background-color: rgba(202, 138, 4, 0.15) !important;
}

.bg-purple-500\/20 {
  background-color: rgba(124, 58, 237, 0.15) !important;
}

.bg-blue-500\/20 {
  background-color: rgba(37, 99, 235, 0.15) !important;
}

.bg-green-500\/20 {
  background-color: rgba(22, 163, 74, 0.15) !important;
}

/* Fix yellow icon hover states */
.group:hover .text-yellow-400 {
  color: #a16207 !important;
}

/* Fix steam text color for light theme */
.text-steam-text {
  color: #0088cc !important;
}
.bg-steam-bg {
  background-color: #1e293b !important;
}

/* Fix gradient text colors */
.text-purple-300 {
  color: #9333ea !important;
}