/*
 * This is the skin CSS file for the theme.
 * It is used to override the default Bootstrap CSS.
 * It is also used to add the skin specific CSS.
 */
:root,
[data-bs-theme='light'] {
  --bs-primary: #0d6efd;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary: #6c757d;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success: #198754;
  --bs-success-rgb: 25, 135, 84;
  --bs-info: #0dcaf0;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning: #ffc107;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger: #dc3545;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light: #f8f9fa;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark: #212529;
  --bs-dark-rgb: 33, 37, 41;
}

[data-bs-theme='dark'] {
  --bs-body-bg: #2a2e35;
  --bs-body-bg-rgb: 42, 46, 53;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #373b45;
  --bs-secondary-bg-rgb: 55, 59, 69;
  --bs-tertiary-bg: #323840;
  --bs-tertiary-bg-rgb: 50, 56, 64;
  --bs-border-color: #565a68;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.2);
  --topbar-bg:#212529;
  --content-wrapper-bg:#212529;
  --sidebar-bg:#2a2e35;
  --nav-link-bg:#2a2e35;
  --nav-link-hover-bg:#323840;
  --nav-link-active-bg:#323840;
  --nav-link-active-color:#fff;
  --nav-link-color:#dee2e6;
  --nav-link-hover-color:#fff;
  --nav-link-active-color:#fff;
  --nav-link-color:#dee2e6;
  --nav-link-hover-color:#fff;
  --nav-link-active-color:#fff;
  --footer-bg:#212529;
}