/*
 * Bootstrap primary — ASUS ProArt inspired
 */

:root {
  --bs-primary: #b5966b;
  --bs-primary-rgb: 181, 150, 107;

  --bs-primary-hover: #c4a77e;
  --bs-primary-active: #967a54;

  --bs-primary-text-emphasis: #80633e;
  --bs-primary-bg-subtle: #f1ece4;
  --bs-primary-border-subtle: #d2c1a7;

  --primary-contrast: #171717;
}


:root[data-bs-theme="dark"] {
  --bs-primary: #c8a97e;
  --bs-primary-rgb: 200, 169, 126;

  --bs-primary-hover: #d6bb98;
  --bs-primary-active: #a88a63;

  --bs-primary-text-emphasis: #dfc9a9;
  --bs-primary-bg-subtle: #302b25;
  --bs-primary-border-subtle: #665844;

  --primary-contrast: #171717;
}


/*
 * Links
 */

.link-primary:hover,
.link-primary:focus {
  color: var(--bs-primary) !important;
  text-decoration-color: var(--bs-primary) !important;
}


/*
 * Tabs
 */
.nav-tabs .nav-link {
    color: var(--bs-secondary-color);
}

.nav-tabs .nav-link:hover {
    color: var(--bs-emphasis-color);
}

.nav-tabs .nav-link.active {
    color: var(--bs-primary);
}


/*
 * Primary buttons
 */

.btn-primary {
  --bs-btn-color: var(--primary-contrast);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);

  --bs-btn-hover-color: var(--primary-contrast);
  --bs-btn-hover-bg: var(--bs-primary-hover);
  --bs-btn-hover-border-color: var(--bs-primary-hover);

  --bs-btn-active-color: var(--primary-contrast);
  --bs-btn-active-bg: var(--bs-primary-active);
  --bs-btn-active-border-color: var(--bs-primary-active);

  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}


/*
 * Outline primary buttons
 */

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bs-primary);

  --bs-btn-hover-color: var(--primary-contrast);
  --bs-btn-hover-bg: var(--bs-primary-hover);
  --bs-btn-hover-border-color: var(--bs-primary-hover);

  --bs-btn-active-color: var(--primary-contrast);
  --bs-btn-active-bg: var(--bs-primary-active);
  --bs-btn-active-border-color: var(--bs-primary-active);

  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary-border-subtle);
  --bs-btn-disabled-opacity: 0.65;
}


/*
 * Pagination
 */

.pagination {
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
  --bs-pagination-active-color: var(--primary-contrast);

  --bs-pagination-hover-bg: var(--bs-primary-hover);
  --bs-pagination-hover-border-color: var(--bs-primary-hover);
  --bs-pagination-hover-color: var(--primary-contrast);

  --bs-pagination-focus-color: var(--primary-contrast);
  --bs-pagination-focus-bg: var(--bs-primary-hover);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(
    var(--bs-primary-rgb),
    0.25
  );
}

.pagination .page-item.active .page-link {
  color: var(--primary-contrast);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.pagination .page-item:not(.active) .page-link:hover {
  color: var(--primary-contrast);
  background-color: var(--bs-primary-hover);
  border-color: var(--bs-primary-hover);
}


/*
 * Dropdown menu
 */

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item.active {
  background-color: var(--bs-primary);
  color: var(--primary-contrast);
}


/*
 * Form controls
 */

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(
    var(--bs-primary-rgb),
    0.25
  );
}

/*
 * Table
 */
.table-primary {
  --bs-table-color: var(--primary-contrast);
  --bs-table-bg: var(--bs-primary);
  --bs-table-border-color: var(--bs-primary-active);

  --bs-table-striped-color: var(--primary-contrast);
  --bs-table-striped-bg: var(--bs-primary-hover);

  --bs-table-hover-color: var(--primary-contrast);
  --bs-table-hover-bg: var(--bs-primary-hover);

  --bs-table-active-color: var(--primary-contrast);
  --bs-table-active-bg: var(--bs-primary-active);
}

.table-group-divider {
  border-top-color: var(--bs-primary);
}