/* ==========================================================================
   Quake SA - Tema Escuro (Preto / Dark Cyber Esports)
   ========================================================================== */

:root,
[data-theme="dark"] {
  --bg-body: #0a0d14;
  --bg-container: #111827;
  --bg-surface: #1a2234;
  --bg-surface-secondary: #141c2c;
  --bg-card: #111827;
  --bg-card-header: #192235;
  --bg-navbar: #07090e;
  --bg-footer: #07090e;

  --border-color: #2b374d;
  --border-color-light: #1e293b;

  --text-main: #e2e8f0;
  --text-muted: #94a3b8;
  --text-heading: #ffffff;
  --text-link: #38bdf8;
  --text-link-hover: #7dd3fc;
  --text-navbar: #f8fafc;

  --accent-primary: #e11d48;
  --accent-primary-glow: rgba(225, 29, 72, 0.35);
  --accent-secondary: #f59e0b;
  --accent-green: #10b981;
  --accent-blue: #3b82f6;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.6);
  --theme-gradient-nav: linear-gradient(180deg, #0d121c 0%, #07090e 100%);
}

[data-theme="dark"] .card {
  background-color: var(--bg-card);
  border-color: var(--border-color);
}

[data-theme="dark"] .table {
  color: var(--text-main);
}

[data-theme="dark"] .table thead th {
  background-color: var(--bg-surface);
  color: var(--text-heading);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
  border-top-color: var(--border-color-light);
}

[data-theme="dark"] .list-group-item {
  background-color: var(--bg-card);
  color: var(--text-main);
  border-color: var(--border-color);
}

[data-theme="dark"] .form-control {
  background-color: var(--bg-surface-secondary);
  border-color: var(--border-color);
  color: var(--text-main);
}

[data-theme="dark"] .form-control:focus {
  background-color: var(--bg-surface);
  border-color: var(--accent-primary);
  color: #ffffff;
  box-shadow: 0 0 0 0.2rem var(--accent-primary-glow);
}

/* Group Stage Qualified Styling (Dark Green) */
.row-qualified,
[data-theme="dark"] .row-qualified {
  background-color: rgba(6, 78, 59, 0.4) !important;
  border-left: 3px solid #059669 !important;
}

.row-qualified:hover,
[data-theme="dark"] .row-qualified:hover {
  background-color: rgba(6, 78, 59, 0.6) !important;
}

.badge-qualified,
[data-theme="dark"] .badge-qualified {
  background-color: #064e3b !important;
  color: #a7f3d0 !important;
  border: 1px solid #059669 !important;
}

.badge-qualified-pill,
[data-theme="dark"] .badge-qualified-pill {
  background-color: #064e3b !important;
  color: #6ee7b7 !important;
  border: 1px solid #047857 !important;
}

.text-qualified,
[data-theme="dark"] .text-qualified {
  color: #6ee7b7 !important;
}