/* Accent color layer for bootstrap, simplify handling of colors */

body {
  --bs-primary:  #3b5bdb;
  --bs-primary-rgb: 76, 110, 245;
  --bs-primary-hover: #4263eb;
  --bs-primary-contrast: #fff;
  --bs-primary-bg-subtle: #bac8ff;

  --bs-success:  #099268;
  --bs-success-rgb: 18, 184, 134;
  --bs-success-hover: #0ca678;
  --bs-success-contrast: #fff;
  --bs-success-bg-subtle: #96f2d7;

  --bs-secondary: #495057;
  --bs-secondary-rgb: 73, 80, 87;
  --bs-secondary-hover: #343a40;
  --bs-secondary-contrast: #fff;
  --bs-secondary-bg-subtle: #dee2e6;

  --bs-danger:  #e03131;
  --bs-danger-rgb: 250, 82, 82;
  --bs-danger-hover: #f03e3e;
  --bs-danger-contrast: #fff;
  --bs-danger-bg-subtle: #ffc9c9;

  --bs-info:  #0c8599;
  --bs-info-rgb: 250, 82, 82;
  --bs-info-hover: #1098ad;
  --bs-info-contrast: #fff;
  --bs-info-bg-subtle: #99e9f2;

  --bs-warning:  #fab005;
  --bs-warning-rgb: 250, 176, 5;
  --bs-warning-hover: #f59f00;
  --bs-warning-contrast: #000;
  --bs-warning-bg-subtle: #ffec99;

  --bs-love: #c2255c;
  --bs-love-rgb: 194, 37, 92;
  --bs-love-hover: #e64980;
  --bs-love-contrast: #fff;
  --bs-love-bg-subtle: #fcc2d7;

  /** define basic accent color */
  --bs-accent: var(--bs-primary);
  --bs-accent-hover: var(--bs-primary-hover);
  --bs-accent-rgb: var(--bs-primary-rgb);
  --bs-accent-bg-subtle: var(--bs-primary-bg-subtle);
  --bs-accent-contrast: var(--bs-primary-contrast);
}

.accent-primary,
.btn-primary,
.badge-primary,
.alert-primary {
  --bs-accent: var(--bs-primary);
  --bs-accent-hover: var(--bs-primary-hover);
  --bs-accent-rgb: var(--bs-primary-rgb);
  --bs-accent-bg-subtle: var(--bs-primary-bg-subtle);
  --bs-accent-contrast: var(--bs-primary-contrast);
}

.accent-success,
.btn-success,
.badge-success,
.alert-success {
  --bs-accent: var(--bs-success);
  --bs-accent-hover: var(--bs-success-hover);
  --bs-accent-rgb: var(--bs-success-rgb);
  --bs-accent-bg-subtle: var(--bs-success-bg-subtle);
  --bs-accent-contrast: var(--bs-success-contrast);
}

.accent-info,
.btn-info,
.badge-info,
.alert-info {
  --bs-accent: var(--bs-info);
  --bs-accent-hover: var(--bs-info-hover);
  --bs-accent-rgb: var(--bs-info-rgb);
  --bs-accent-bg-subtle: var(--bs-info-bg-subtle);
  --bs-accent-contrast: var(--bs-info-contrast);
}


.accent-danger,
.btn-danger,
.badge-dangern
.alert-danger {
  --bs-accent: var(--bs-danger);
  --bs-accent-hover: var(--bs-danger-hover);
  --bs-accent-rgb: var(--bs-danger-rgb);
  --bs-accent-bg-subtle: var(--bs-danger-bg-subtle);
  --bs-accent-contrast: var(--bs-danger-contrast);
}

.accent-warning,
.btn-warning,
.badge-warning,
.alert-warning {
  --bs-accent: var(--bs-warning);
  --bs-accent-hover: var(--bs-warning-hover);
  --bs-accent-rgb: var(--bs-warning-rgb);
  --bs-accent-bg-subtle: var(--bs-warning-bg-subtle);
  --bs-accent-contrast: var(--bs-warning-contrast);
}

.accent-secondary,
.btn-secondary,
.badge-secondary,
.alert-secondary {
  --bs-accent: var(--bs-secondary);
  --bs-accent-hover: var(--bs-secondary-hover);
  --bs-accent-rgb: var(--bs-secondary-rgb);
  --bs-accent-bg-subtle: var(--bs-secondary-bg-subtle);
  --bs-accent-contrast: var(--bs-secondary-contrast);
}

.accent-love,
.btn-love,
.badge-love,
.alert-love {
  --bs-accent: var(--bs-love);
  --bs-accent-hover: var(--bs-love-hover);
  --bs-accent-rgb: var(--bs-love-rgb);
  --bs-accent-bg-subtle: var(--bs-love-bg-subtle);
  --bs-accent-contrast: var(--bs-love-contrast);
}

.btn-primary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-secondary,
.badge {
  --bs-btn-color: var(--bs-accent-contrast);
  --bs-btn-hover-color: var(--bs-accent-contrast);
  --bs-btn-bg: var(--bs-accent);
  --bs-btn-border-color: var(--bs-accent);
  --bs-btn-hover-bg: var(--bs-accent-hover);
  --bs-btn-hover-border-color: var(--bs-accent-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-accent-rgb);
  --bs-btn-active-color: var(--bs-accent-contrast);
  --bs-btn-active-bg: var(--bs-accent-hover);
  --bs-btn-active-border-color: var(--bs-accent-hover);
  --bs-btn-disabled-color:var(--bs-accent-contrast);
  --bs-btn-disabled-bg: var(--bs-accent-hover);
  --bs-btn-disabled-border-color: var(--bs-accent-hover);
}

.bg-accent-subtle {
  background-color: var(--bs-accent-bg-subtle);
}

.text-accent {
  color: var(--bs-accent);
}

.badge {
  background-color: var(--bs-accent);
  color: var(--bs-accent-contrast);
}

a.badge:hover {
  background-color: var(--bs-accent-hover);
  color: var(--bs-accent-contrast);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-accent) !important;
}

.border-accent {
  border-left: 8px solid var(--bs-accent);
}

.alert {
  border: 0;
  color: rgba(0,0,0,0.8);
  background-color:var(--bs-accent-bg-subtle);
}