/*
  Bang mau light mode cho VanBan.
  File nay duoc nap sau app.css va la nguon mau cho [data-bs-theme="light"].
*/

[data-bs-theme="light"] {
  /* Nen: trang / be mat / be mat phu. */
  --bs-body-bg: #f6f7f9;
  --bs-tertiary-bg: #ffffff;
  --bs-secondary-bg: #eef0f3;

  --bs-body-color: #171a20;
  --bs-secondary-color: #5b6270;
  --bs-tertiary-color: #8b909b;

  --bs-border-color: #e3e6eb;
  --bs-border-color-translucent: #e3e6eb;

  --bs-primary: #2f6fe4;
  --bs-primary-rgb: 47, 111, 228;
  --bs-link-color: #2f6fe4;
  --bs-link-hover-color: #1d54b8;

  --bs-success: #15803d;
  --bs-success-rgb: 21, 128, 61;
  --bs-warning: #b45309;
  --bs-warning-rgb: 180, 83, 9;
  --bs-danger: #b91c1c;
  --bs-danger-rgb: 185, 28, 28;

  --vb-bg: var(--bs-body-bg);
  --vb-surface: var(--bs-tertiary-bg);
  --vb-surface-muted: var(--bs-secondary-bg);
  --vb-text: var(--bs-body-color);
  --vb-text-muted: var(--bs-secondary-color);
  --vb-border: var(--bs-border-color);
  --vb-input-border: var(--bs-border-color);
  --vb-primary: var(--bs-primary);
  --vb-primary-hover: var(--bs-link-hover-color);
  --vb-on-primary: #ffffff;
  --vb-disabled-bg: #d9dee7;
  --vb-disabled-text: #6e7684;
  --vb-disabled-border: #c3cad5;
  --vb-success: var(--bs-success);
  --vb-warning: var(--bs-warning);
  --vb-error: var(--bs-danger);
  --vb-header-bg: #161d33;
  --vb-header-border: #2a3352;
  --vb-header-text: #eef1f8;
  --vb-header-muted: #9aa4c4;
  --vb-backdrop: rgba(23, 26, 32, .48);
  --vb-shadow: rgba(23, 26, 32, .24);
}

[data-bs-theme="light"] .navbar,
[data-bs-theme="light"] .site-header {
  background-color: var(--vb-header-bg) !important;
  border-bottom-color: var(--vb-header-border);
}

[data-bs-theme="light"] .navbar .navbar-brand,
[data-bs-theme="light"] .navbar .nav-link,
[data-bs-theme="light"] .site-header a {
  color: var(--vb-header-text) !important;
}

[data-bs-theme="light"] .navbar .text-secondary,
[data-bs-theme="light"] .navbar small,
[data-bs-theme="light"] .brand-block span {
  color: var(--vb-header-muted) !important;
}

[data-bs-theme="light"] .navbar .form-select,
[data-bs-theme="light"] .theme-select select {
  background-color: rgba(255, 255, 255, .08);
  border-color: var(--vb-header-border);
  color: var(--vb-header-text);
}

[data-bs-theme="light"] .navbar .btn-login {
  background-color: #6ea8fe;
  border-color: #6ea8fe;
  color: #0c1220;
  font-weight: 500;
}

[data-bs-theme="light"] .card {
  background-color: var(--bs-tertiary-bg);
  border-color: var(--bs-border-color);
  box-shadow: none;
}

[data-bs-theme="light"] .btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #ffffff;
}

[data-bs-theme="light"] .btn-primary:hover {
  background-color: #1d54b8;
  border-color: #1d54b8;
}

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

[data-bs-theme="light"] .btn-accent-subtle {
  background-color: #eaf1fd;
  color: var(--bs-primary);
  border: 1px solid var(--bs-primary);
}

[data-bs-theme="light"] .badge.text-bg-success-subtle,
[data-bs-theme="light"] .status-success {
  background-color: #e8f7ee !important;
  color: var(--bs-success) !important;
}

[data-bs-theme="light"] .badge.text-bg-warning-subtle,
[data-bs-theme="light"] .status-warning {
  background-color: #fef3e2 !important;
  color: var(--bs-warning) !important;
}

[data-bs-theme="light"] .badge.text-bg-danger-subtle,
[data-bs-theme="light"] .status-danger {
  background-color: #fdeaea !important;
  color: var(--bs-danger) !important;
}