:root, [data-bs-theme=light] {
  --bs-dark: #1d212c;
  --bs-dark-rgb: 29,33,44;
  --bs-dark-text-emphasis: #0C0D12;
  --bs-dark-bg-subtle: #D2D3D5;
  --bs-dark-border-subtle: #A5A6AB;
  --bs-body-font-family: Roboto, sans-serif;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1d212c;
  --bs-btn-border-color: #1d212c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #191C25;
  --bs-btn-hover-border-color: #171A23;
  --bs-btn-focus-shadow-rgb: 221,222,223;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #171A23;
  --bs-btn-active-border-color: #161921;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1d212c;
  --bs-btn-disabled-border-color: #1d212c;
}

.btn-outline-dark {
  --bs-btn-color: #1d212c;
  --bs-btn-border-color: #1d212c;
  --bs-btn-focus-shadow-rgb: 29,33,44;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1d212c;
  --bs-btn-hover-border-color: #1d212c;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1d212c;
  --bs-btn-active-border-color: #1d212c;
  --bs-btn-disabled-color: #1d212c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1d212c;
}

[data-bs-theme=dark] {
  --bs-body-bg: #1d212c;
  --bs-body-bg-rgb: 29,33,44;
}