/* Project-specific Bootstrap overrides go here. */
:root[data-bs-theme="dark"] {
  --bs-body-bg: #020617;
  --bs-body-color: #e7e9ee;

  --bs-secondary-bg: #161A2ABF;
  --bs-tertiary-bg: #161A2ABF;

  --bs-border-color: rgba(255, 255, 255, 0.12);

  --bs-link-color: #8ab4ff;
  --bs-link-hover-color: #a7c4ff;

  --bs-card-bg: var(--bs-tertiary-bg);
  --bs-card-color: #e7e9ee;

  --bs-navbar-color: rgba(231, 233, 238, 0.85);
  --bs-navbar-hover-color: #e7e9ee;
}

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

:root[data-bs-theme="dark"] .form-check-input[type="checkbox"] {
  --bs-form-check-bg: #9ca3af67;
  --bs-form-check-border-color: #6b7280;
}

:root[data-bs-theme="dark"] .form-check-input[type="checkbox"]:checked {
  --bs-form-check-bg: #6b7280;
  --bs-form-check-border-color: #6b7280;
}

/* Cards that act as a button/link: lift and highlight on hover or keyboard focus. */
.action-card {
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.action-card:hover,
.action-card:focus-visible {
  transform: translateY(-3px);
  border-color: var(--bs-primary);
  box-shadow: 0 0.5rem 1rem rgba(var(--bs-primary-rgb), 0.25) !important;
}

.action-card:active {
  transform: translateY(0);
}

.action-card .action-card-cta {
  color: var(--bs-primary);
  font-weight: 600;
  font-size: 0.8rem;
}

.action-card:hover .action-card-cta i,
.action-card:focus-visible .action-card-cta i {
  transform: translateX(3px);
}

.action-card .action-card-cta i {
  display: inline-block;
  transition: transform 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .action-card, .action-card .action-card-cta i { transition: none; }
  .action-card:hover, .action-card:focus-visible { transform: none; }
}