:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #262626;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #000000;
  --bs-facebook: #3b5998;
  --bs-behance: #69727d;
  --bs-linkedin: #0077b5;
  --bs-font-sans-serif: "Urbanist", sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
}

.DarkTheme {
  --bs-blue: #3f8cff;
  --bs-indigo: #5b3dc7;
  --bs-purple: #8f59d4;
  --bs-pink: #f672a6;
  --bs-red: #f76c6c;
  --bs-orange: #ff9f43;
  --bs-yellow: #ffe066;
  --bs-green: #3fc380;
  --bs-teal: #20dfc3;
  --bs-cyan: #4dd0e1;
  --bs-white: #ffffff;
  --bs-gray: #adb5bd;
  --bs-gray-dark: #dee2e6;
  --bs-primary: #0d6efd;
  --bs-secondary: #9ca3af;
  --bs-success: #28a745;
  --bs-info: #17a2b8;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #343a40;
  --bs-dark: #f8f9fa;

  --bs-body-bg: #18191a;
  --bs-body-color: #e4e6eb;
  --bs-card-bg: #242526;
  --bs-navbar-bg: #242526;
  --bs-btn-bg: #3a3b3c;
  --bs-btn-color: #e4e6eb;
}