/**
 * examinf CTFd theme — C1.1 polish + C1.2 light/dark fixes.
 * Tokens from public/css/lightTheme.css, darkTheme.css, style.css (examinf.ru / LMS).
 * Loaded over core Bootstrap via THEME_FALLBACK. No spa.js / lms.js.
 */

:root,
[data-bs-theme="light"] {
  --examinf-font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --examinf-bg: #f4f8ff;
  --examinf-surface: #ffffff;
  --examinf-surface-alt: #fbfcff;
  --examinf-surface-hover: #f7faff;
  --examinf-text: #17243a;
  --examinf-muted: #25334d;
  --examinf-secondary: #5a6b85;
  --examinf-border: #dfe6f2;
  --examinf-border-strong: #c8d8f4;
  --examinf-header-border: #808080;
  /* pageHeader-like bar (not mcko subtitle blue #263142) */
  --examinf-navbar-bg: #ffffff;
  --examinf-navbar-text: #17243a;
  --examinf-navbar-link: #25334d;
  --examinf-navbar-link-hover: #17243a;
  --examinf-navbar-active-bg: #e7f0ff;
  --examinf-navbar-active-border: #8eb7f4;
  --examinf-navbar-divider: rgba(23, 36, 58, 0.1);
  --examinf-navbar-toggler-border: #808080;
  --examinf-accent: #3e9dfc;
  --examinf-accent-hover: #5faaf1;
  --examinf-accent-soft: #e7f0ff;
  --examinf-accent-border: #8eb7f4;
  --examinf-link: #225fbd;
  --examinf-danger: #e01717;
  --examinf-danger-hover: #f33;
  --examinf-success: #02be57;
  --examinf-success-bg: #a4f3d2;
  --examinf-warning: #705000;
  --examinf-warning-bg: #fff8d8;
  --examinf-warning-border: #e2b600;
  --examinf-focus: rgb(134, 176, 255);
  --examinf-radius-btn: 5px;
  --examinf-radius-card: 8px;
  --examinf-shadow-sm: 0 1px 2px rgba(23, 36, 58, 0.06);
  --examinf-max-width: 1280px;
  --examinf-navbar-min-height: 58px;
  /* Bootstrap bridge (reduces .text-dark / .btn-primary conflicts) */
  --bs-body-bg: var(--examinf-bg);
  --bs-body-color: var(--examinf-text);
  --bs-emphasis-color: var(--examinf-muted);
  --bs-secondary-color: var(--examinf-secondary);
  --bs-tertiary-color: var(--examinf-secondary);
  --bs-heading-color: var(--examinf-muted);
  --bs-border-color: var(--examinf-border);
  --bs-link-color: var(--examinf-link);
  --bs-link-hover-color: var(--examinf-accent-hover);
  --bs-primary: var(--examinf-accent);
  --bs-primary-rgb: 62, 157, 252;
  --bs-secondary: var(--examinf-secondary);
  --bs-secondary-rgb: 90, 107, 133;
  --bs-success: var(--examinf-success);
  --bs-danger: var(--examinf-danger);
  --bs-dark: var(--examinf-muted);
  --bs-light: var(--examinf-surface-alt);
}

/* --- Layout --- */
.examinf-ctf-body {
  font-family: var(--examinf-font-ui);
  font-size: 16px;
  line-height: 1.45;
  color: var(--examinf-text);
  background-color: var(--examinf-bg);
}

.examinf-ctf-main {
  padding-top: calc(var(--examinf-navbar-min-height) + 0.75rem);
  padding-bottom: 2.5rem;
  min-height: calc(100vh - var(--examinf-navbar-min-height) - 5rem);
}

.examinf-ctf-container,
.examinf-ctf-main > .container,
main .container {
  max-width: var(--examinf-max-width);
}

/* --- Page hero (jumbotron) --- */
.jumbotron {
  background: var(--examinf-surface);
  border: 1px solid var(--examinf-border);
  border-left: 4px solid var(--examinf-accent);
  border-radius: var(--examinf-radius-card);
  box-shadow: var(--examinf-shadow-sm);
  margin-bottom: 1.25rem;
  padding: 1.25rem 1.5rem;
}

.jumbotron h1 {
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--examinf-muted);
  margin: 0;
}

.jumbotron .container {
  padding-left: 0;
  padding-right: 0;
}

/* --- Navbar (examinf pageHeader-like; no Bootstrap navbar-dark/bg-dark) --- */
.examinf-ctf-navbar {
  --bs-navbar-bg: var(--examinf-navbar-bg);
  --bs-navbar-color: var(--examinf-navbar-link);
  --bs-navbar-hover-color: var(--examinf-navbar-link-hover);
  --bs-navbar-active-color: var(--examinf-navbar-text);
  --bs-navbar-brand-color: var(--examinf-navbar-text);
  --bs-navbar-brand-hover-color: var(--examinf-navbar-text);
  --bs-navbar-toggler-border-color: var(--examinf-navbar-toggler-border);
  background-color: var(--examinf-navbar-bg) !important;
  border-bottom: 2px solid var(--examinf-header-border);
  min-height: var(--examinf-navbar-min-height);
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  box-shadow: none;
}

.examinf-ctf-navbar .navbar-brand {
  color: var(--examinf-navbar-text) !important;
  font-weight: 600;
  font-size: 1.05rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.examinf-ctf-navbar .nav-link,
.examinf-ctf-navbar .nav-link.dropdown-toggle,
.examinf-ctf-navbar button.nav-link.theme-switch {
  color: var(--examinf-navbar-link) !important;
  font-size: 0.95rem;
  padding: 0.45rem 0.65rem !important;
  border-radius: var(--examinf-radius-btn);
  border: 2px solid transparent;
  background: transparent;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.examinf-ctf-navbar .nav-link:hover,
.examinf-ctf-navbar .nav-link:focus-visible,
.examinf-ctf-navbar button.nav-link.theme-switch:hover,
.examinf-ctf-navbar button.nav-link.theme-switch:focus-visible {
  color: var(--examinf-navbar-link-hover) !important;
  background-color: var(--examinf-surface-hover);
  text-decoration: none;
}

.examinf-ctf-navbar .nav-link:focus-visible,
.examinf-ctf-navbar button.nav-link.theme-switch:focus-visible {
  border-color: var(--examinf-focus);
}

.examinf-ctf-navbar .nav-link.active {
  color: var(--examinf-navbar-text) !important;
  background-color: var(--examinf-navbar-active-bg);
  border-color: var(--examinf-navbar-active-border);
  font-weight: 600;
}

.examinf-ctf-navbar .navbar-toggler {
  border: 2px solid var(--examinf-navbar-toggler-border);
  border-radius: var(--examinf-radius-btn);
  padding: 0.35rem 0.55rem;
}

.examinf-ctf-navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 0.15rem var(--examinf-focus);
}

.examinf-ctf-navbar .navbar-toggler-icon {
  filter: none;
}

.examinf-ctf-navbar .dropdown-menu {
  border-radius: var(--examinf-radius-card);
  border-color: var(--examinf-border);
  background-color: var(--examinf-surface);
  box-shadow: 0 4px 12px rgba(23, 36, 58, 0.12);
}

.examinf-ctf-navbar .dropdown-item {
  color: var(--examinf-text);
}

.examinf-ctf-navbar .dropdown-item:hover,
.examinf-ctf-navbar .dropdown-item:focus {
  background-color: var(--examinf-accent-soft);
  color: var(--examinf-text);
}

/* Language switcher: core marks active lang with .bg-primary (Bootstrap blue) */
.examinf-ctf-navbar .dropdown-item.bg-primary,
.examinf-ctf-navbar .dropdown-item.bg-primary.text-white {
  background-color: var(--examinf-navbar-active-bg) !important;
  color: var(--examinf-navbar-text) !important;
}

/* --- Links --- */
a {
  color: var(--examinf-link);
  text-decoration: none;
}

a:hover {
  color: var(--examinf-accent-hover);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* --- Buttons (examinf .button.suggested / .button / .button.dangerous) --- */
.btn {
  border-radius: var(--examinf-radius-btn);
  border-width: 2px;
  font-weight: 500;
  padding: 0.35rem 0.85rem;
}

.btn:focus-visible {
  box-shadow: 0 0 0 0.2rem var(--examinf-focus);
}

.btn-primary,
.btn-primary:active,
.btn-primary.active {
  --bs-btn-bg: var(--examinf-accent);
  --bs-btn-border-color: transparent;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--examinf-accent-hover);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--examinf-accent-hover);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-bg: var(--examinf-accent);
  --bs-btn-disabled-color: #fff;
  background-color: var(--examinf-accent);
  border-color: transparent;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus-visible {
  background-color: var(--examinf-accent-hover);
  border-color: transparent;
  color: #fff;
}

.btn-secondary,
.btn-secondary:active {
  --bs-btn-bg: var(--examinf-surface);
  --bs-btn-border-color: var(--examinf-border-strong);
  --bs-btn-color: var(--examinf-muted);
  --bs-btn-hover-bg: var(--examinf-surface-hover);
  --bs-btn-hover-border-color: var(--examinf-accent-border);
  --bs-btn-hover-color: var(--examinf-text);
  background-color: var(--examinf-surface);
  border-color: var(--examinf-border-strong);
  color: var(--examinf-muted);
}

.btn-secondary:hover,
.btn-secondary:focus-visible {
  background-color: var(--examinf-surface-hover);
  border-color: var(--examinf-accent-border);
  color: var(--examinf-text);
}

.btn-outline-primary {
  --bs-btn-color: var(--examinf-link);
  --bs-btn-border-color: var(--examinf-accent-border);
  --bs-btn-hover-bg: var(--examinf-accent-soft);
  --bs-btn-hover-border-color: var(--examinf-accent-border);
  --bs-btn-hover-color: var(--examinf-muted);
  color: var(--examinf-link);
  border-color: var(--examinf-accent-border);
  background-color: transparent;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus-visible {
  background-color: var(--examinf-accent-soft);
  color: var(--examinf-muted);
  border-color: var(--examinf-accent-border);
}

.btn-outline-secondary {
  --bs-btn-color: var(--examinf-muted);
  --bs-btn-border-color: var(--examinf-border-strong);
  --bs-btn-hover-bg: var(--examinf-surface-hover);
  --bs-btn-hover-color: var(--examinf-text);
  color: var(--examinf-muted);
  border-color: var(--examinf-border-strong);
}

.btn-outline-secondary:hover {
  background-color: var(--examinf-surface-hover);
  color: var(--examinf-text);
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus-visible {
  --bs-btn-bg: var(--examinf-danger);
  --bs-btn-hover-bg: var(--examinf-danger-hover);
  background-color: var(--examinf-danger);
  border-color: transparent;
  color: #fff;
}

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

.btn-success,
.btn-success:hover {
  background-color: var(--examinf-success);
  border-color: transparent;
  color: #fff;
}

.btn-warning {
  background-color: var(--examinf-warning-bg);
  border-color: var(--examinf-warning-border);
  color: var(--examinf-warning);
}

.btn-link {
  color: var(--examinf-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.btn-link:hover {
  color: var(--examinf-accent-hover);
}

.btn-dark,
.btn-dark.challenge-button,
.challenge-button.btn-dark {
  background-color: var(--examinf-muted);
  border-color: transparent;
  border-radius: var(--examinf-radius-card);
  color: #fff;
  box-shadow: 0 0 12px rgba(90, 107, 133, 0.35);
}

.btn-dark.challenge-button:hover,
.challenge-button.btn-dark:hover,
[data-bs-theme="dark"] .challenge-button.btn-dark:hover {
  background-color: #1a2d4a;
  color: #fff;
}

.challenge-button.solved-challenge,
.challenge-button.solved-challenge:hover {
  background-color: var(--examinf-success) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.challenge-button.challenge-solved,
.challenge-button.challenge-solved:hover,
[data-bs-theme="light"] .challenge-button.challenge-solved,
[data-bs-theme="dark"] .challenge-button.challenge-solved {
  background-color: #29c830 !important;
  border-color: transparent !important;
  color: #fff !important;
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  opacity: 0.55;
  color: var(--examinf-secondary);
}

.btn-close {
  filter: none;
}

[data-bs-theme="dark"] .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* --- Forms --- */
.form-label {
  color: var(--examinf-muted);
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.form-control,
.form-select {
  border-radius: var(--examinf-radius-btn);
  border: 2px solid var(--examinf-border);
  background-color: var(--examinf-surface);
  color: var(--examinf-text);
  padding: 0.45rem 0.65rem;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--examinf-accent);
  box-shadow: 0 0 0 0.15rem var(--examinf-focus);
}

.form-control::placeholder {
  color: var(--examinf-secondary);
}

.form-check-input:focus {
  border-color: var(--examinf-accent);
  box-shadow: 0 0 0 0.15rem var(--examinf-focus);
}

.invalid-feedback,
.text-danger {
  color: var(--examinf-danger) !important;
}

.form-text {
  color: var(--examinf-secondary);
}

/* --- Cards & panels --- */
.card {
  background-color: var(--examinf-surface-alt);
  border: 1px solid var(--examinf-border);
  border-radius: var(--examinf-radius-card);
  box-shadow: var(--examinf-shadow-sm);
}

.card-header {
  background-color: var(--examinf-surface);
  border-bottom-color: var(--examinf-border);
  color: var(--examinf-muted);
  font-weight: 600;
}

.card-body {
  color: var(--examinf-text);
}

.category-header h3 {
  color: var(--examinf-muted);
  font-size: 1.1rem;
  font-weight: 600;
  border-bottom: 1px solid var(--examinf-border);
  padding-bottom: 0.35rem;
}

.challenges-row {
  row-gap: 0.5rem;
}

/* --- Tables --- */
.table {
  --bs-table-bg: var(--examinf-surface);
  --bs-table-striped-bg: var(--examinf-surface-alt);
  --bs-table-hover-bg: var(--examinf-surface-hover);
  border-color: var(--examinf-border);
  color: var(--examinf-text);
}

.table thead th {
  background-color: var(--examinf-accent-soft);
  border-bottom: 2px solid var(--examinf-accent-border);
  color: var(--examinf-muted);
  font-weight: 600;
}

.table td,
.table th {
  border-color: var(--examinf-border);
  vertical-align: middle;
}

/* --- Modal (challenge window) --- */
.modal-content {
  border-radius: var(--examinf-radius-card);
  border: 1px solid var(--examinf-border-strong);
  box-shadow: 0 8px 24px rgba(23, 36, 58, 0.15);
  background-color: var(--examinf-surface);
}

.modal-header {
  border-bottom: 1px solid var(--examinf-border);
  background-color: var(--examinf-surface-alt);
  padding: 0.85rem 1rem;
}

.modal-title {
  color: var(--examinf-muted);
  font-weight: 600;
  font-size: 1.1rem;
}

.modal-body {
  padding: 1rem 1.1rem;
  max-height: min(70vh, 640px);
  overflow-y: auto;
}

.modal-footer {
  border-top: 1px solid var(--examinf-border);
  background-color: var(--examinf-surface-alt);
}

.btn-close:focus {
  box-shadow: 0 0 0 0.15rem var(--examinf-focus);
}

.challenge-desc {
  border-radius: var(--examinf-radius-card);
  padding: 0.75rem;
  background: var(--examinf-bg);
  border: 1px solid var(--examinf-border);
}

/* --- Alerts & badges --- */
.alert {
  border-radius: var(--examinf-radius-btn);
  border-width: 1px;
}

.alert-success {
  background-color: var(--examinf-accent-soft);
  border-color: var(--examinf-accent-border);
  color: #0f3b77;
}

.alert-danger {
  background-color: #ffe8e8;
  border-color: #f5b4b4;
  color: #8b1010;
}

.alert-warning {
  background-color: var(--examinf-warning-bg);
  border-color: var(--examinf-warning-border);
  color: var(--examinf-warning);
}

.alert-info {
  background-color: var(--examinf-accent-soft);
  border-color: var(--examinf-accent-border);
  color: var(--examinf-link);
}

.badge.bg-primary,
.badge.rounded-pill.bg-primary {
  background-color: var(--examinf-accent) !important;
}

.badge.bg-danger {
  background-color: var(--examinf-danger) !important;
}

.badge.bg-success {
  background-color: var(--examinf-success) !important;
}

/* Notifications list */
.list-group-item {
  border-color: var(--examinf-border);
}

.list-group-item-action:hover {
  background-color: var(--examinf-surface-hover);
}

/* --- Footer --- */
.examinf-ctf-footer {
  border-top: 1px solid var(--examinf-border);
  background-color: var(--examinf-surface);
  padding: 1rem 0 1.25rem;
  margin-top: 2rem;
}

.examinf-ctf-footer small {
  color: var(--examinf-secondary);
}

.examinf-ctf-footer a {
  color: var(--examinf-link);
  font-weight: 500;
}

/* --- Challenge modal (scoped; examinf theme only) --- */
.examinf-challenge-modal .modal-dialog {
  max-width: min(1100px, calc(100vw - 2rem));
  margin-left: auto;
  margin-right: auto;
}

.examinf-challenge-modal .modal-body {
  max-height: min(85vh, 900px);
}

/* --- Whale user panel (challenge modal; ctfd-whale view.html) --- */
#whale-panel,
.whale-panel {
  --examinf-whale-surface: var(--examinf-surface-alt);
  --examinf-whale-endpoint-bg: var(--examinf-bg);
  width: 100%;
  max-width: 100%;
  margin-top: 0.5rem;
  color: var(--examinf-text);
}

#whale-panel .whale-panel__card,
#whale-panel .card {
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--examinf-border-strong);
  background-color: var(--examinf-whale-surface);
  border-radius: var(--examinf-radius-card);
  box-shadow: var(--examinf-shadow-sm);
}

#whale-panel .card-body {
  padding: 0.75rem 0.9rem;
  color: var(--examinf-text);
}

#whale-panel .whale-panel__status {
  color: var(--examinf-muted) !important;
  font-weight: 600;
  font-size: 0.95rem;
  margin: 0;
}

#whale-panel .whale-panel__status--stopped {
  margin-bottom: 0.65rem;
}

#whale-panel .whale-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}

#whale-panel .whale-panel__timer,
#whale-panel #whale-challenge-count-down {
  color: var(--examinf-text) !important;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-size: 0.95rem;
  flex-shrink: 0;
}

#whale-panel .whale-panel__btn--open {
  margin-bottom: 0.35rem;
  padding: 0.6rem 1rem;
  font-size: 1rem;
  font-weight: 600;
}

#whale-panel .whale-panel__reserve {
  margin: 0 0 0.5rem;
  font-size: 0.82rem;
  line-height: 1.3;
}

#whale-panel .whale-panel__reserve-link {
  color: var(--examinf-link) !important;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}

#whale-panel .whale-panel__reserve-link:hover {
  color: var(--examinf-accent-hover) !important;
}

#whale-panel .whale-panel__nc-row {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.55rem;
  padding: 0.4rem 0.55rem;
  background: var(--examinf-whale-endpoint-bg);
  border: 1px solid var(--examinf-border);
  border-radius: var(--examinf-radius-btn);
}

#whale-panel .whale-panel__nc-text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--examinf-text) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.84rem;
  line-height: 1.4;
  word-break: break-word;
  overflow-wrap: anywhere;
  text-align: left;
}

#whale-panel .whale-panel__copy-icon {
  flex: 0 0 auto;
  margin: 0;
  padding: 0.25rem 0.45rem;
  line-height: 1;
}

#whale-panel .whale-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.35rem;
}

#whale-panel .whale-panel__btn--renew,
#whale-panel .whale-panel__btn--destroy {
  flex: 1 1 8rem;
  margin: 0;
}

#whale-panel .whale-panel__btn--destroy {
  font-weight: 600;
}

#whale-panel .whale-panel__btn,
#whale-panel .btn {
  margin-top: 0;
}

#whale-panel .btn:disabled,
#whale-panel .btn.disabled {
  opacity: 0.65;
  color: var(--examinf-secondary) !important;
}

#whale-panel .btn-primary:disabled {
  color: #fff !important;
  opacity: 0.55;
}

.modal-body #whale-panel {
  margin-left: auto;
  margin-right: auto;
}

/* --- Scoreboard graph area --- */
#score-graph {
  background: var(--examinf-surface);
  border: 1px solid var(--examinf-border);
  border-radius: var(--examinf-radius-card);
  padding: 0.75rem;
  margin-bottom: 1rem;
}

/* --- Mobile --- */
@media (max-width: 767.98px) {
  .examinf-ctf-navbar .navbar-collapse {
    padding: 0.5rem 0 0.75rem;
    margin-top: 0.25rem;
    border-top: 1px solid var(--examinf-navbar-divider);
  }

  .examinf-ctf-navbar .navbar-nav.me-auto .nav-item,
  .examinf-ctf-navbar .navbar-nav.ms-md-auto .nav-item {
    border-bottom: 1px solid var(--examinf-navbar-divider);
  }

  .examinf-ctf-navbar .nav-link {
    padding: 0.55rem 0.5rem !important;
  }

  .examinf-ctf-main {
    padding-top: calc(var(--examinf-navbar-min-height) + 0.5rem);
  }

  .jumbotron {
    padding: 1rem;
  }

  .modal-body {
    max-height: 75vh;
  }

  .examinf-challenge-modal .modal-dialog {
    max-width: calc(100vw - 1rem);
    margin: 0.5rem auto;
  }

  #whale-panel .whale-panel__btn--open,
  #whale-panel .whale-panel__btn--boot {
    width: 100%;
  }

  #whale-panel .whale-panel__btn--renew,
  #whale-panel .whale-panel__btn--destroy {
    flex: 1 1 100%;
  }

  #whale-panel .whale-panel__nc-text {
    font-size: 0.8rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .examinf-ctf-navbar .nav-link {
    font-size: 0.9rem;
    padding: 0.4rem 0.5rem !important;
  }
}

/* --- Dark mode (examinf darkTheme.css tokens) --- */
[data-bs-theme="dark"] {
  --examinf-bg: #202020;
  --examinf-surface: #303030;
  --examinf-surface-alt: #343434;
  --examinf-surface-hover: #383d46;
  --examinf-text: #ffffff;
  --examinf-muted: #dce8ff;
  --examinf-secondary: #b8c4d9;
  --examinf-border: #4a4a4a;
  --examinf-border-strong: #5d6f8f;
  --examinf-header-border: #808080;
  --examinf-navbar-bg: #303030;
  --examinf-navbar-text: #ffffff;
  --examinf-navbar-link: #dce8ff;
  --examinf-navbar-link-hover: #ffffff;
  --examinf-navbar-active-bg: #404040;
  --examinf-navbar-active-border: #5d6f8f;
  --examinf-navbar-divider: rgba(255, 255, 255, 0.1);
  --examinf-navbar-toggler-border: #808080;
  --examinf-accent: #3e9dfc;
  --examinf-accent-hover: #5faaf1;
  --examinf-accent-soft: #2e4a6d;
  --examinf-accent-border: #6a9ee6;
  --examinf-link: #aecaff;
  --examinf-danger-hover: #f33;
  --examinf-warning-bg: #3a3200;
  --examinf-warning-border: #e2b600;
  --bs-body-bg: var(--examinf-bg);
  --bs-body-color: var(--examinf-text);
  --bs-emphasis-color: var(--examinf-muted);
  --bs-secondary-color: var(--examinf-secondary);
  --bs-tertiary-color: var(--examinf-secondary);
  --bs-heading-color: var(--examinf-muted);
  --bs-border-color: var(--examinf-border);
  --bs-link-color: var(--examinf-link);
  --bs-link-hover-color: var(--examinf-accent-hover);
  --bs-primary: var(--examinf-accent);
  --bs-primary-rgb: 62, 157, 252;
  --bs-dark: #404040;
  --bs-light: var(--examinf-surface-alt);
}

[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .examinf-ctf-body {
  color: var(--examinf-text);
  background-color: var(--examinf-bg);
}

/* Bootstrap utilities that stay dark-on-dark without overrides */
[data-bs-theme="dark"] .text-dark,
[data-bs-theme="dark"] .text-body,
[data-bs-theme="dark"] .card-text,
[data-bs-theme="dark"] .modal-body,
[data-bs-theme="dark"] .table,
[data-bs-theme="dark"] .list-group-item,
[data-bs-theme="dark"] label,
[data-bs-theme="dark"] .form-label {
  color: var(--examinf-text) !important;
}

[data-bs-theme="dark"] .text-muted,
[data-bs-theme="dark"] .text-secondary,
[data-bs-theme="dark"] .form-text,
[data-bs-theme="dark"] small,
[data-bs-theme="dark"] .small {
  color: var(--examinf-secondary) !important;
}

[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6,
[data-bs-theme="dark"] .h1,
[data-bs-theme="dark"] .h2,
[data-bs-theme="dark"] .h3,
[data-bs-theme="dark"] .category-header h3,
[data-bs-theme="dark"] .modal-title,
[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .jumbotron h1 {
  color: var(--examinf-muted);
}

[data-bs-theme="light"] .text-light,
[data-bs-theme="light"] .text-white:not(.btn):not(.badge):not(.dropdown-item) {
  color: var(--examinf-text) !important;
}

[data-bs-theme="dark"] .text-light {
  color: var(--examinf-text) !important;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .form-control::placeholder {
  color: var(--examinf-text);
}

[data-bs-theme="dark"] .form-control::placeholder {
  color: var(--examinf-secondary);
  opacity: 1;
}

[data-bs-theme="dark"] .jumbotron {
  background: var(--examinf-surface);
  border-color: var(--examinf-border);
  border-left-color: #7fa4ff;
}

[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer,
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .list-group-item,
[data-bs-theme="dark"] .challenge-desc {
  background-color: var(--examinf-surface);
  border-color: var(--examinf-border);
  color: var(--examinf-text);
}

[data-bs-theme="dark"] .card-header {
  background-color: var(--examinf-surface-alt);
  color: var(--examinf-muted);
}

[data-bs-theme="dark"] .table {
  --bs-table-color: var(--examinf-text);
  --bs-table-bg: var(--examinf-surface);
  --bs-table-striped-bg: var(--examinf-surface-alt);
  --bs-table-hover-bg: var(--examinf-surface-hover);
  color: var(--examinf-text);
}

[data-bs-theme="dark"] .table thead th {
  background-color: var(--examinf-accent-soft);
  color: var(--examinf-muted);
}

[data-bs-theme="dark"] .alert-success {
  background-color: var(--examinf-accent-soft);
  border-color: var(--examinf-accent-border);
  color: var(--examinf-muted);
}

[data-bs-theme="dark"] .alert-danger {
  background-color: #4a2020;
  border-color: #8b4040;
  color: #ffc8c8;
}

[data-bs-theme="dark"] .alert-warning {
  background-color: var(--examinf-warning-bg);
  color: #fff8d8;
}

[data-bs-theme="dark"] .alert-info {
  color: var(--examinf-link);
}

[data-bs-theme="dark"] .examinf-ctf-footer {
  background-color: #262626;
  border-top-color: var(--examinf-border);
}

[data-bs-theme="dark"] .examinf-ctf-footer small {
  color: var(--examinf-secondary);
}

[data-bs-theme="dark"] #whale-panel,
[data-bs-theme="dark"] .whale-panel {
  --examinf-whale-surface: #343434;
  --examinf-whale-endpoint-bg: #262626;
  color: var(--examinf-text);
}

[data-bs-theme="dark"] #whale-panel .whale-panel__card,
[data-bs-theme="dark"] #whale-panel .card {
  background-color: var(--examinf-whale-surface);
  border-color: var(--examinf-border-strong);
}

[data-bs-theme="dark"] #whale-panel .card-body {
  color: var(--examinf-text);
}

[data-bs-theme="dark"] #whale-panel .whale-panel__title,
[data-bs-theme="dark"] #whale-panel .card-title {
  color: var(--examinf-muted) !important;
}

[data-bs-theme="dark"] #whale-panel .whale-panel__meta,
[data-bs-theme="dark"] #whale-panel .card-subtitle,
[data-bs-theme="dark"] #whale-panel .text-muted {
  color: var(--examinf-secondary) !important;
}

[data-bs-theme="dark"] #whale-panel .whale-panel__timer,
[data-bs-theme="dark"] #whale-panel #whale-challenge-count-down {
  color: var(--examinf-text) !important;
}

[data-bs-theme="dark"] #whale-panel .whale-panel__reserve-link {
  color: var(--examinf-link) !important;
}

[data-bs-theme="dark"] #whale-panel .whale-panel__nc-row {
  background-color: var(--examinf-whale-endpoint-bg);
  border-color: var(--examinf-border);
}

[data-bs-theme="dark"] #whale-panel .whale-panel__nc-text {
  color: var(--examinf-text) !important;
}

[data-bs-theme="dark"] .modal-body #whale-panel .text-dark,
[data-bs-theme="dark"] .modal-body #whale-panel .text-body {
  color: var(--examinf-text) !important;
}

[data-bs-theme="dark"] a:not(.btn):not(.nav-link):not(.navbar-brand) {
  color: var(--examinf-link);
}

[data-bs-theme="dark"] .btn-secondary {
  background-color: #404040;
  border-color: var(--examinf-border);
  color: var(--examinf-text);
}

[data-bs-theme="dark"] .btn-secondary:hover {
  background-color: #505050;
  color: #fff;
}

[data-bs-theme="dark"] .btn-outline-primary {
  color: var(--examinf-link);
}

[data-bs-theme="dark"] .btn-dark.challenge-button,
[data-bs-theme="dark"] .challenge-button.btn-dark {
  background-color: #404040;
  color: #fff;
  box-shadow: none;
}

[data-bs-theme="dark"] .examinf-ctf-navbar .navbar-toggler-icon {
  filter: invert(1) grayscale(100%) brightness(180%);
}

[data-bs-theme="dark"] .examinf-ctf-navbar .dropdown-menu {
  background-color: var(--examinf-surface);
  border-color: var(--examinf-border);
}