/**=====================
    Color-1 CSS with Dynamic Variables
==========================**/

/* CSS Custom Properties - Loaded from /api/css/variables.css dynamically */
:root {
  --theme-default: #24695c;
  --theme-secondary: #ba895d;
}

/* Primary Color Utilities */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--theme-default) !important;
  border-color: var(--theme-default) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--theme-default) !important;
  border-color: var(--theme-default) !important;
  opacity: 0.9;
}

.btn-outline-primary {
  color: var(--theme-default) !important;
  border-color: var(--theme-default) !important;
}

.btn-outline-primary:hover {
  background-color: var(--theme-default) !important;
  border-color: var(--theme-default) !important;
  color: #fff !important;
}

.badge-primary {
  background-color: var(--theme-default) !important;
}

.text-primary {
  color: var(--theme-default) !important;
}

.bg-primary {
  background-color: var(--theme-default) !important;
}

.border-primary {
  border-color: var(--theme-default) !important;
}

.alert-primary {
  background-color: var(--theme-default) !important;
  border-color: var(--theme-default) !important;
  color: #fff;
}

.list-group-item.active {
  background-color: var(--theme-default) !important;
  border-color: var(--theme-default) !important;
}

/* Secondary Color Utilities */
.btn-secondary,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important;
  opacity: 0.9;
}

.btn-outline-secondary {
  color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important;
}

.btn-outline-secondary:hover {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important;
  color: #fff !important;
}

.badge-secondary {
  background-color: var(--theme-secondary) !important;
}

.text-secondary {
  color: var(--theme-secondary) !important;
}

.bg-secondary {
  background-color: var(--theme-secondary) !important;
}

.border-secondary {
  border-color: var(--theme-secondary) !important;
}

.alert-secondary {
  background-color: var(--theme-secondary) !important;
  border-color: var(--theme-secondary) !important;
  color: #fff;
}

/* Links */
a {
  color: var(--theme-default);
}

a:hover {
  color: var(--theme-default);
  opacity: 0.8;
}

/* Loader */
.loader-wrapper .loader-index span {
  background-color: var(--theme-default);
}

/*# sourceMappingURL=color-1.css.map */