/* ==========================================================================
   Tokyo Night — Bootstrap 5 Theme
   Include AFTER bootstrap.min.css.
   ========================================================================== */

:root,
[data-bs-theme="dark"] {
  --bs-body-bg: #24283b;
  --bs-body-color: #a9b1d6;
  --bs-emphasis-color: #c0caf5;
  --bs-secondary-color: #787c99;
  --bs-tertiary-color: #787c99;
  --bs-secondary-bg: #1f2335;
  --bs-tertiary-bg: #292e42;
  --bs-border-color: #3b4261;

  --bs-primary: #7aa2f7;
  --bs-secondary: #bb9af7;
  --bs-success: #9ece6a;
  --bs-info: #7dcfff;
  --bs-warning: #e0af68;
  --bs-danger: #f7768e;
  --bs-light: #1f2335;
  --bs-dark: #c0caf5;

  --bs-link-color: #7aa2f7;
  --bs-link-hover-color: #bb9af7;
}

[data-bs-theme="light"] {
  --bs-body-bg: #e1e2e7;
  --bs-body-color: #3760bf;
  --bs-emphasis-color: #2e7de9;
  --bs-secondary-color: #6172b6;
  --bs-tertiary-color: #6172b6;
  --bs-secondary-bg: #d5d6db;
  --bs-tertiary-bg: #c8c9ce;
  --bs-border-color: #b4b5b9;

  --bs-primary: #2e7de9;
  --bs-secondary: #7847bd;
  --bs-success: #587539;
  --bs-info: #007197;
  --bs-warning: #8c6c3e;
  --bs-danger: #f7768e;
  --bs-light: #d5d6db;
  --bs-dark: #2e7de9;

  --bs-link-color: #2e7de9;
  --bs-link-hover-color: #7847bd;
}

.navbar {
  background-color: var(--bs-secondary-bg) !important;
  border-bottom: 1px solid var(--bs-border-color);
}

.card {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
}

.table {
  --bs-table-bg: var(--bs-secondary-bg);
  --bs-table-color: var(--bs-body-color);
  --bs-table-border-color: var(--bs-border-color);
}

.modal-content {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
}

.dropdown-menu {
  --bs-dropdown-bg: var(--bs-secondary-bg);
  --bs-dropdown-border-color: var(--bs-border-color);
  --bs-dropdown-link-color: var(--bs-body-color);
}

.list-group-item {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}

.form-control, .form-select {
  background-color: var(--bs-body-bg);
  border-color: var(--bs-border-color);
  color: var(--bs-body-color);
}

.form-control:focus, .form-select:focus {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  border-color: var(--bs-primary);
}