/* brand.css */

:root,
[data-bs-theme="light"]{
  /* Brand palette */
  --bs-primary: #5A7ACD;        /* blue */
  --bs-primary-rgb: 90,122,205;
  --bs-warning: #FEB05D;        /* amber */
  --bs-warning-rgb: 254,176,93;
  --bs-body-bg: #f2f3f5;        /* off-white */
  --bs-body-color: #2B2A2A;     /* charcoal */

  /* Links */
  --bs-link-color: #5A7ACD;
  --bs-link-hover-color: #4A68B5;

  /* Dropdown surface */
  --bs-dropdown-bg: #F5F2F2;
  --bs-dropdown-border-color: rgba(43, 42, 42, 0.18);
  --bs-dropdown-divider-bg: rgba(43, 42, 42, 0.12);

  /* Dropdown items */
  --bs-dropdown-link-color: #2B2A2A;
  --bs-dropdown-link-hover-color: #2B2A2A;
  --bs-dropdown-link-hover-bg: rgba(90, 122, 205, 0.14);
  --bs-dropdown-link-active-color: #F5F2F2;
  --bs-dropdown-link-active-bg: var(--bs-primary);
}

/* Dark mode */
[data-bs-theme="dark"]{
  --bs-primary: #5A7ACD;
  --bs-primary-rgb: 90,122,205;
  --bs-warning: #FEB05D;
  --bs-warning-rgb: 254,176,93;
  --bs-body-bg: #2B2A2A;
  --bs-body-color: #F5F2F2;

  --bs-link-color: #FEB05D;
  --bs-link-hover-color: #F5F2F2;

  /* Dropdown surface */
  --bs-dropdown-bg: #2B2A2A;
  --bs-dropdown-border-color: rgba(245, 242, 242, 0.16);
  --bs-dropdown-divider-bg: rgba(245, 242, 242, 0.10);

  /* Dropdown items */
  --bs-dropdown-link-color: #F5F2F2;
  --bs-dropdown-link-hover-color: #F5F2F2;
  --bs-dropdown-link-hover-bg: rgba(254, 176, 93, 0.18);
  --bs-dropdown-link-active-color: #2B2A2A;
  --bs-dropdown-link-active-bg: var(--bs-warning);
}

/* FORCE dropdown theme */
.dropdown-menu{
  background-color: var(--bs-dropdown-bg) !important;
  border-color: var(--bs-dropdown-border-color) !important;
  --bs-dropdown-link-active-bg: #5A7ACD;
  --bs-dropdown-link-active-color: #F5F2F2;
}

.dropdown-item{
  color: var(--bs-dropdown-link-color) !important;
}

.dropdown-item:hover,
.dropdown-item:focus{
  background-color: var(--bs-dropdown-link-hover-bg) !important;
  color: var(--bs-dropdown-link-hover-color) !important;
}

.dropdown-item.active,
.dropdown-item:active{
  background-color: var(--bs-dropdown-link-active-bg) !important;
  color: var(--bs-dropdown-link-active-color) !important;
}

[data-bs-theme="dark"] .dropdown-menu{
  --bs-dropdown-link-active-bg: #FEB05D;
  --bs-dropdown-link-active-color: #2B2A2A;
}

/* FORCE primary button theme */
.btn-primary{
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-color: #F5F2F2;
  --bs-btn-hover-bg: #4A68B5;
  --bs-btn-hover-border-color: #4A68B5;
  --bs-btn-active-bg: #3F5BA2;
  --bs-btn-active-border-color: #3F5BA2;
}

[data-bs-theme="dark"] .btn-primary{
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-color: #2B2A2A;
  --bs-btn-hover-bg: #F5A84A;
  --bs-btn-hover-border-color: #F5A84A;
  --bs-btn-active-bg: #E0963F;
  --bs-btn-active-border-color: #E0963F;
}