:root {
  --bs-primary: rgb(245, 155, 0);
  --bs-primary-rgb: 245, 155, 0;
  --bs-primary-hex: #f59b00;
  --bs-primary-light-1: color-mix(in srgb, var(--bs-primary), #fff 20%);
  --bs-primary-light-2: color-mix(in srgb, var(--bs-primary), #fff 40%);
  --bs-primary-light-3: color-mix(in srgb, var(--bs-primary), #fff 70%);
  --bs-primary-dark-1: color-mix(in srgb, var(--bs-primary), #000 20%);
  --bs-primary-transparent-rgba: var(--bs-primary-rgb), 0.15;

  --sy-highlight-color: #fff;

  --sy-info-bar-bg: rgb(90, 90, 90);
  --sy-info-bar-bg-hex: #5a5a5a;
  --sy-info-bar-color: #fff;                             
  --sy-info-bar-hover-bg: color-mix(in srgb, var(--sy-info-bar-bg), var(--sy-info-bar-color) 25%);

  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: var(--bs-primary-dark-1);
  --bs-dropdown-link-active-bg: var(--bs-primary);
}

.btn.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary-light-1);
  --bs-btn-active-bg: var(--bs-primary-light-2);
  --bs-btn-color: var(--sy-highlight-color);
  --bs-btn-hover-color: var(--sy-highlight-color);
  --bs-btn-active-color: var(--sy-highlight-color);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary-light-2);
  --bs-btn-focus-shadow-rgb: color-mix(in srgb, var(--sy-highlight-color), var(--bs-primary) 15%)
}

.btn.btn-outline-primary {
  --bs-btn-bg: #fff;
  --bs-btn-hover-bg: #fff;
  --bs-btn-active-bg: #fff;
  --bs-btn-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary-light-1);
  --bs-btn-active-border-color: var(--bs-primary-light-2);
  --bs-btn-focus-shadow-rgb: var(--bs-primary);
}

.btn.btn-outline-primary:focus:not(:active) {
  color: var(--bs-primary);
}

a.dropdown-item.active {
  background-color: var(--bs-primary);
  color: var(--sy-highlight-color);
}