/*
 * Custom blue/orange theme
 * Primary: #3989FF  Secondary: #FFB632
 * Loaded when THEME_NAME is set to 'custom' in config/theme.js
 */

[data-bs-theme="light"],
:root {
  --bs-primary: #3989FF;
  --bs-primary-rgb: 57, 137, 255;
  --bs-secondary: #FFB632;
  --bs-secondary-rgb: 255, 182, 50;
  --bs-link-color: #3989FF;
  --bs-link-color-rgb: 57, 137, 255;
  --bs-link-hover-color: #2e6ecc;
  --bs-link-hover-color-rgb: 46, 110, 204;
  --bs-body-bg: #f0f4f8;
  --bs-body-bg-rgb: 240, 244, 248;
  --bs-tertiary-bg: #e2e8f0;
  --bs-tertiary-bg-rgb: 226, 232, 240;
}

[data-bs-theme="dark"] {
  --bs-primary: #5a9fff;
  --bs-primary-rgb: 90, 159, 255;
  --bs-secondary: #ffc44d;
  --bs-secondary-rgb: 255, 196, 77;
  --bs-link-color: #5a9fff;
  --bs-link-color-rgb: 90, 159, 255;
  --bs-link-hover-color: #84b8ff;
  --bs-link-hover-color-rgb: 132, 184, 255;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
}

.btn-primary {
  --bs-btn-bg: #3989FF;
  --bs-btn-border-color: #3989FF;
  --bs-btn-hover-bg: #2e6ecc;
  --bs-btn-hover-border-color: #2a64b8;
  --bs-btn-active-bg: #2a64b8;
  --bs-btn-active-border-color: #255aa5;
  --bs-btn-disabled-bg: #3989FF;
  --bs-btn-disabled-border-color: #3989FF;
}

.btn-secondary {
  --bs-btn-bg: #FFB632;
  --bs-btn-border-color: #FFB632;
  --bs-btn-color: #000;
  --bs-btn-hover-bg: #e6a42d;
  --bs-btn-hover-border-color: #d99928;
  --bs-btn-hover-color: #000;
  --bs-btn-active-bg: #d99928;
  --bs-btn-active-border-color: #cc8f24;
  --bs-btn-active-color: #000;
  --bs-btn-disabled-bg: #FFB632;
  --bs-btn-disabled-border-color: #FFB632;
  --bs-btn-disabled-color: #000;
}

.btn-outline-primary {
  --bs-btn-color: #3989FF;
  --bs-btn-border-color: #3989FF;
  --bs-btn-hover-bg: #3989FF;
  --bs-btn-hover-border-color: #3989FF;
  --bs-btn-active-bg: #3989FF;
  --bs-btn-active-border-color: #3989FF;
}

.btn-outline-secondary {
  --bs-btn-color: #FFB632;
  --bs-btn-border-color: #FFB632;
  --bs-btn-hover-bg: #FFB632;
  --bs-btn-hover-border-color: #FFB632;
  --bs-btn-hover-color: #000;
  --bs-btn-active-bg: #FFB632;
  --bs-btn-active-border-color: #FFB632;
  --bs-btn-active-color: #000;
}

.bg-primary {
  background-color: #3989FF !important;
}

.bg-secondary {
  background-color: #FFB632 !important;
}

.text-primary {
  color: #3989FF !important;
}

.text-secondary {
  color: #FFB632 !important;
}

.badge.bg-primary {
  background-color: #3989FF !important;
}

.badge.bg-secondary {
  background-color: #FFB632 !important;
  color: #000 !important;
}