/**
 * KOVO Branding - Custom Color Scheme
 * Matches colors from KOVO-WEB (kovo.com)
 *
 * Primary color: Tan (#b89968)
 * Dark variant: Tan Dark (#9a7a52)
 * Medium variant: Tan Medium (#d4c4a8)
 * Light variant: Tan Light (#f5f1e8)
 */

:root {
  /* KOVO Brand Colors */
  --color-tan: #b89968;
  --color-tan-dark: #9a7a52;
  --color-tan-medium: #d4c4a8;
  --color-tan-light: #f5f1e8;

  /* Override Bootstrap/Mantis primary colors with KOVO tan */
  --bs-primary: #b89968;
  --bs-primary-rgb: 184, 153, 104;
  --bs-primary-light: #f5f1e8;
  --bs-link-color: #b89968;
  --bs-link-color-rgb: 184, 153, 104;
  --bs-link-hover-color: #9a7a52;
  --bs-link-hover-color-rgb: 154, 122, 82;

  /* Sidebar colors */
  --pc-sidebar-active-color: #b89968;

  /* Accent color (keep green) */
  --color-accent: #198754;
  --bs-success: #198754;
}

/* Button Primary - Tan */
.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #b89968;
  --bs-btn-border-color: #b89968;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #9a7a52;
  --bs-btn-hover-border-color: #9a7a52;
  --bs-btn-focus-shadow-rgb: 184, 153, 104;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #9a7a52;
  --bs-btn-active-border-color: #9a7a52;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #b89968;
  --bs-btn-disabled-border-color: #b89968;
}

/* Button Light Primary */
.btn-light-primary {
  background: #f5f1e8;
  color: #b89968;
  border-color: #f5f1e8;
}

.btn-light-primary:hover {
  background: #b89968;
  color: #fff;
  border-color: #b89968;
}

/* Button Outline Tan */
.btn-outline-tan {
  color: #b89968;
  border-color: #b89968;
  background-color: transparent;
}

.btn-outline-tan:hover {
  background-color: #b89968;
  border-color: #b89968;
  color: white;
}

/* Links */
.link-primary {
  color: #b89968 !important;
}

.link-primary:hover,
.link-primary:focus {
  color: #9a7a52 !important;
}

/* Text colors */
.text-primary {
  color: #b89968 !important;
}

.text-tan {
  color: #b89968 !important;
}

/* Background colors */
.bg-primary {
  background-color: #b89968 !important;
}

.bg-light-primary {
  background: #f5f1e8;
  color: #b89968;
}

.bg-tan {
  background-color: #b89968 !important;
}

.bg-tan-light {
  background-color: #f5f1e8 !important;
}

.bg-tan-medium {
  background-color: #d4c4a8 !important;
}

/* Border colors */
.border-primary {
  border-color: #b89968 !important;
}

.border-tan {
  border-color: #b89968 !important;
}

/* Badge colors */
.badge-primary {
  background-color: #b89968;
  color: white;
}

/* Alert Primary */
.alert-primary {
  --bs-alert-color: #6e5b3e;
  --bs-alert-bg: #f5f1e8;
  --bs-alert-border-color: #d4c4a8;
}

/* Form controls */
.form-check-input:checked {
  background-color: #b89968;
  border-color: #b89968;
}

.form-check-input:focus {
  border-color: #d4c4a8;
  box-shadow: 0 0 0 0.2rem rgba(184, 153, 104, 0.25);
}

/* Progress bars */
.progress-bar {
  background-color: #b89968;
}

/* Pagination */
.pagination .page-link {
  color: #b89968;
}

.pagination .page-link:hover {
  color: #9a7a52;
  background-color: #f5f1e8;
}

.pagination .page-item.active .page-link {
  background-color: #b89968;
  border-color: #b89968;
}

/* Nav pills */
.nav-pills .nav-link.active {
  background-color: #b89968;
}

/* Accordion */
.accordion-button:not(.collapsed) {
  color: #b89968;
  background-color: #f5f1e8;
}

.accordion-button:focus {
  border-color: #b89968;
  box-shadow: 0 0 0 0.2rem rgba(184, 153, 104, 0.25);
}

/* Dropdown */
.dropdown-item.active,
.dropdown-item:active {
  background-color: #b89968;
}

/* List group */
.list-group-item.active {
  background-color: #b89968;
  border-color: #b89968;
}

/* Tables */
.table-primary {
  --bs-table-bg: #f5f1e8;
  --bs-table-color: #6e5b3e;
}

/* Card header */
.card-header-primary {
  background-color: #b89968;
  color: white;
}

/* Sidebar active state */
.pc-sidebar .pc-item.active > .pc-link {
  color: #b89968;
}

.pc-sidebar .pc-item.active > .pc-link::before {
  background-color: #b89968;
}

/* Icon colors */
.icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #d4c4a8;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.icon-circle svg,
.icon-circle i {
  color: #b89968;
}

/* Feature icon wrapper */
.feature-icon-wrapper svg,
.feature-icon-wrapper i {
  color: #b89968;
}

/* Tab colors */
.nav-tabs .nav-link.active {
  color: #b89968;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-link:hover {
  color: #9a7a52;
}