/* Transitions so the toggle feels smooth */
body, .navbar, .site-footer, .card {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* Light theme (default) */
.navbar { background-color: #f9fafb !important; }
.navbar .nav-link, .navbar .navbar-brand { color: #212529 !important; }

.site-footer { background-color: #f9fafb; color: #6c757d; }

/* Dark theme */
body.theme-dark { background-color: #1c1c1c; color: #e0e0e0; }

body.theme-dark .navbar { background-color: #181b20 !important; }
body.theme-dark .navbar .nav-link,
body.theme-dark .navbar .navbar-brand { color: #e0e0e0 !important; }

body.theme-dark .card { background-color: #242424; border: 1px solid #2e2e2e; }

body.theme-dark .site-footer { background-color: #1c1c1c; color: #aaa; }



/*one-offs */


/* model card table /nba/match */
ms-table .badge { font-weight: 600; letter-spacing: .2px; }
h2h-ychips .badge { font-weight: 600; }
h2h-ychips .badge .x { cursor: pointer; margin-left: .35rem; opacity: .7; }
h2h-ychips .badge .x:hover { opacity: 1; }


/* Landing page markdown-style code block */
.md-snippet {
  background: #1b2433;
  color: #e2e8f0;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  padding: 1.5rem;
  font-family: "Fira Code", "Source Code Pro", Menlo, Consolas, monospace;
  line-height: 1.65;
  font-size: 1rem;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.22);
  margin-bottom: 1.75rem;
}

.md-snippet code {
  display: block;
  white-space: pre-wrap;
  color: inherit;
}

.md-snippet strong,
.md-snippet em {
  color: #f8fafc;
}

.md-snippet a {
  color: #60a5fa;
  text-decoration: none;
}

.md-snippet a:hover {
  text-decoration: underline;
}

body.theme-dark .md-snippet {
  background: #141c2b;
  border-color: rgba(148, 163, 184, 0.28);
  box-shadow: none;
}