/* Brand + dark mode (Bootstrap 5.3 color modes) */
:root {
  --brand-primary: #2563eb;
  --brand-secondary: #14b8a6;
  --brand-accent: #7c3aed;
  --brand-bg: #f8fafc;
  --brand-text: #0f172a;
}
[data-bs-theme="dark"] {
  --brand-primary: #60a5fa;
  --brand-secondary: #5eead4;
  --brand-accent: #a78bfa;
  --brand-bg: #0b1220;
  --brand-text: #e2e8f0;
}
html, body { background: var(--brand-bg); color: var(--brand-text); }
.hero {
  background: linear-gradient(180deg, rgba(20,184,166,.08), rgba(37,99,235,.08));
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.footer-small { font-size: .9rem; color: #64748b; }
.badge-win { background: rgba(37,99,235,.12); color: var(--brand-primary); }