:root {
  --custom-primary: #967c3f;
  --custom-primary-hover: #7a6635;
  --custom-secondary: #6c757d;
  --custom-secondary-hover: #5c636a;
  --custom-success: #198754;
  --custom-success-hover: #157347;
  --custom-danger: #81553c;
  --custom-danger-hover: #81553c;
  --custom-warning: #81553c;
  --custom-warning-hover: #81553c;
  --custom-info: #818260;
  --custom-info-hover: #818260;
  --custom-light: #f8f9fa;
  --custom-light-hover: #f9fafb;
  --custom-dark: #212529;
  --custom-dark-hover: #1c1f23;
  --custom-muted: #6c757d;
  --custom-white: #ffffff;
  --custom-black: #000000;
}

/* Solid button colors */
.u-btn-primary { background-color: var(--custom-primary) !important; border-color: var(--custom-primary) !important; color: #fff !important; }
.u-btn-primary:hover { background-color: var(--custom-primary-hover) !important; border-color: var(--custom-primary-hover) !important; color: #fff !important; }
.u-btn-secondary { background-color: var(--custom-secondary) !important; border-color: var(--custom-secondary) !important; color: #fff !important; }
.u-btn-secondary:hover { background-color: var(--custom-secondary-hover) !important; border-color: var(--custom-secondary-hover) !important; color: #fff !important; }
.u-btn-success { background-color: var(--custom-success) !important; border-color: var(--custom-success) !important; color: #fff !important; }
.u-btn-success:hover { background-color: var(--custom-success-hover) !important; border-color: var(--custom-success-hover) !important; color: #fff !important; }
.u-btn-danger { background-color: var(--custom-danger) !important; border-color: var(--custom-danger) !important; color: #fff !important; }
.u-btn-danger:hover { background-color: var(--custom-danger-hover) !important; border-color: var(--custom-danger-hover) !important; color: #fff !important; }
.u-btn-warning { background-color: var(--custom-warning) !important; border-color: var(--custom-warning) !important; color: #212529 !important; }
.u-btn-warning:hover { background-color: var(--custom-warning-hover) !important; border-color: var(--custom-warning-hover) !important; color: #212529 !important; }
.u-btn-info { background-color: var(--custom-info) !important; border-color: var(--custom-info) !important; color: #000 !important; }
.u-btn-info:hover { background-color: var(--custom-info-hover) !important; border-color: var(--custom-info-hover) !important; color: #000 !important; }
.u-btn-light { background-color: var(--custom-light) !important; border-color: var(--custom-light) !important; color: #212529 !important; }
.u-btn-light:hover { background-color: var(--custom-light-hover) !important; border-color: var(--custom-light-hover) !important; color: #212529 !important; }
.u-btn-dark { background-color: var(--custom-dark) !important; border-color: var(--custom-dark) !important; color: #fff !important; }
.u-btn-dark:hover { background-color: var(--custom-dark-hover) !important; border-color: var(--custom-dark-hover) !important; color: #fff !important; }

/* Outline button colors */
.u-btn-outline-primary { background-color: transparent !important; border-color: var(--custom-primary) !important; color: var(--custom-primary) !important; }
.u-btn-outline-primary:hover { background-color: var(--custom-primary) !important; border-color: var(--custom-primary) !important; color: #fff !important; }
.u-btn-outline-secondary { background-color: transparent !important; border-color: var(--custom-secondary) !important; color: var(--custom-secondary) !important; }
.u-btn-outline-secondary:hover { background-color: var(--custom-secondary) !important; border-color: var(--custom-secondary) !important; color: #fff !important; }
.u-btn-outline-success { background-color: transparent !important; border-color: var(--custom-success) !important; color: var(--custom-success) !important; }
.u-btn-outline-success:hover { background-color: var(--custom-success) !important; border-color: var(--custom-success) !important; color: #fff !important; }
.u-btn-outline-danger { background-color: transparent !important; border-color: var(--custom-danger) !important; color: var(--custom-danger) !important; }
.u-btn-outline-danger:hover { background-color: var(--custom-danger) !important; border-color: var(--custom-danger) !important; color: #fff !important; }
.u-btn-outline-warning { background-color: transparent !important; border-color: var(--custom-warning) !important; color: #664d03 !important; }
.u-btn-outline-warning:hover { background-color: var(--custom-warning) !important; border-color: var(--custom-warning) !important; color: #212529 !important; }
.u-btn-outline-info { background-color: transparent !important; border-color: var(--custom-info) !important; color: #087990 !important; }
.u-btn-outline-info:hover { background-color: var(--custom-info) !important; border-color: var(--custom-info) !important; color: #000 !important; }
.u-btn-outline-light { background-color: transparent !important; border-color: var(--custom-light) !important; color: var(--custom-light) !important; }
.u-btn-outline-light:hover { background-color: var(--custom-light) !important; border-color: var(--custom-light) !important; color: #212529 !important; }
.u-btn-outline-dark { background-color: transparent !important; border-color: var(--custom-dark) !important; color: var(--custom-dark) !important; }
.u-btn-outline-dark:hover { background-color: var(--custom-dark) !important; border-color: var(--custom-dark) !important; color: #fff !important; }

/* Text colors */
.color-text-primary { color: var(--custom-primary) !important; }
.color-text-secondary { color: var(--custom-secondary) !important; }
.color-text-success { color: var(--custom-success) !important; }
.color-text-danger { color: var(--custom-danger) !important; }
.color-text-warning { color: #997404 !important; }
.color-text-info { color: #087990 !important; }
.color-text-light { color: var(--custom-light) !important; }
.color-text-dark { color: var(--custom-dark) !important; }
.color-text-muted { color: var(--custom-muted) !important; }
.color-text-white { color: var(--custom-white) !important; }
.color-text-black { color: var(--custom-black) !important; }

/* Background colors */
.color-bg-primary { background-color: var(--custom-primary) !important; color: #fff !important; }
.color-bg-secondary { background-color: var(--custom-secondary) !important; color: #fff !important; }
.color-bg-success { background-color: var(--custom-success) !important; color: #fff !important; }
.color-bg-danger { background-color: var(--custom-danger) !important; color: #fff !important; }
.color-bg-warning { background-color: var(--custom-warning) !important; color: #212529 !important; }
.color-bg-info { background-color: var(--custom-info) !important; color: #000 !important; }
.color-bg-light { background-color: var(--custom-light) !important; color: #212529 !important; }
.color-bg-dark { background-color: var(--custom-dark) !important; color: #fff !important; }
.color-bg-white { background-color: var(--custom-white) !important; }
.color-bg-transparent { background-color: transparent !important; }

/* Border colors */
.color-border-primary { border-color: var(--custom-primary) !important; }
.color-border-secondary { border-color: var(--custom-secondary) !important; }
.color-border-success { border-color: var(--custom-success) !important; }
.color-border-danger { border-color: var(--custom-danger) !important; }
.color-border-warning { border-color: var(--custom-warning) !important; }
.color-border-info { border-color: var(--custom-info) !important; }
.color-border-light { border-color: var(--custom-light) !important; }
.color-border-dark { border-color: var(--custom-dark) !important; }
.color-border-white { border-color: var(--custom-white) !important; }

/*
  Global button theme (all views)
  Default: outline primary + light background + primary text
  Hover: primary background + light text
*/
button,
.btn,
a.btn,
[class*="u-btn-"],
a[class*="u-btn-"] {
  background-color: var(--custom-light) !important;
  border: 1px solid var(--custom-primary) !important;
  color: var(--custom-primary) !important;
}

button:hover,
.btn:hover,
a.btn:hover,
[class*="u-btn-"]:hover,
a[class*="u-btn-"]:hover,
button:focus,
.btn:focus,
a.btn:focus,
[class*="u-btn-"]:focus,
a[class*="u-btn-"]:focus {
  background-color: var(--custom-primary) !important;
  border-color: var(--custom-primary) !important;
  color: var(--custom-light) !important;
}

button:disabled,
.btn:disabled,
[class*="u-btn-"]:disabled,
button.disabled,
.btn.disabled,
[class*="u-btn-"].disabled {
  opacity: 0.65;
  cursor: not-allowed;
}