:root,
[data-bs-theme=light] {
  --bs-primary: #0a2e78;
  --bs-primary-rgb: 10, 46, 120;
  --bs-primary-dark: #07245e;
  --bg-color: #f4f7ff;
  --bg-color2: #edf2ff;
  --bg-box-clr3: #e6eeff;
  --input-border-color-active: rgba(10, 46, 120, 0.28);
  --secondary-btn-color: #edf2ff;
  --secondary-btn-hover-color: #dce5ff;
  --bs-primary-light-bg: rgba(10, 46, 120, 0.08);
  --bs-warning: #f6be1a;
  --bs-warning-rgb: 246, 190, 26;
  --bs-warning-light: #fff4cf;
  --bs-warning-dark: #d59d00;
  --bs-info: #4d79e6;
  --bs-info-rgb: 77, 121, 230;
}

[data-bs-theme=dark] {
  --bs-primary: #f6be1a;
  --bs-primary-rgb: 246, 190, 26;
  --bg-color: #0a1637;
  --bg-color2: #0c1d46;
  --bg-box-clr3: #102352;
  --bs-body-bg: #06132e;
  --chatbox-clr: #0c1d46;
  --secondary-btn-color: #112657;
  --secondary-btn-hover-color: #18326d;
  --bs-primary-light-bg: rgba(246, 190, 26, 0.12);
}

.btn-primary,
.checkbox-item input:checked ~ .checkmark,
.form-check-input:checked {
  box-shadow: 0 12px 24px -14px rgba(10, 46, 120, 0.55);
}

.main-logo,
.mobile-logo {
  filter: drop-shadow(0 10px 16px rgba(10, 46, 120, 0.16));
}