/* Inowara palette + Bootstrap 5.3 remap. Isti fajl u sitebloger i sitesocial. */
:root {
  --ink: #14110e;
  --ink-2: #1c1814;
  --paper: #f3eee4;
  --paper-2: #e8e0d2;
  --copper: #c45a28;
  --copper-2: #a3471e;
  --moss: #2f4a3c;
  --moss-2: #24382e;
  --clay: #c4893a;
  --rust: #8b2e1a;
  --muted-ink: rgba(20, 17, 14, 0.62);
  --hair-ink: rgba(20, 17, 14, 0.12);

  --bs-primary: #c45a28;
  --bs-primary-rgb: 196, 90, 40;
  --bs-primary-text-emphasis: #a3471e;
  --bs-primary-bg-subtle: #f6e4d8;
  --bs-primary-border-subtle: #e8c4ae;
  --bs-secondary: #3a342e;
  --bs-secondary-rgb: 58, 52, 46;
  --bs-secondary-text-emphasis: #14110e;
  --bs-secondary-bg-subtle: #ece7de;
  --bs-secondary-border-subtle: #d4cdc2;
  --bs-success: #2f4a3c;
  --bs-success-rgb: 47, 74, 60;
  --bs-success-text-emphasis: #24382e;
  --bs-success-bg-subtle: #dce6e0;
  --bs-success-border-subtle: #b7c8be;
  --bs-info: #4a6b5c;
  --bs-info-rgb: 74, 107, 92;
  --bs-info-text-emphasis: #2f4a3c;
  --bs-info-bg-subtle: #e4ebe7;
  --bs-info-border-subtle: #c5d4cc;
  --bs-warning: #c4893a;
  --bs-warning-rgb: 196, 137, 58;
  --bs-warning-text-emphasis: #14110e;
  --bs-warning-bg-subtle: #f4e6d0;
  --bs-warning-border-subtle: #e4cba0;
  --bs-danger: #8b2e1a;
  --bs-danger-rgb: 139, 46, 26;
  --bs-danger-text-emphasis: #6f2414;
  --bs-danger-bg-subtle: #f3ddd6;
  --bs-danger-border-subtle: #e0b6aa;
  --bs-light: #f3eee4;
  --bs-light-rgb: 243, 238, 228;
  --bs-dark: #14110e;
  --bs-dark-rgb: 20, 17, 14;
  --bs-body-color: #14110e;
  --bs-body-bg: #f3eee4;
  --bs-secondary-color: rgba(20, 17, 14, 0.62);
  --bs-tertiary-bg: #e8e0d2;
  --bs-border-color: rgba(20, 17, 14, 0.12);
  --bs-link-color: #c45a28;
  --bs-link-color-rgb: 196, 90, 40;
  --bs-link-hover-color: #a3471e;
  --bs-link-hover-color-rgb: 163, 71, 30;
  --bs-focus-ring-color: rgba(196, 90, 40, 0.28);
  --bs-code-color: #a3471e;
}

body.bg-light,
.bg-light {
  background-color: var(--paper) !important;
}

.btn-primary {
  --bs-btn-color: #f3eee4;
  --bs-btn-bg: #c45a28;
  --bs-btn-border-color: #c45a28;
  --bs-btn-hover-color: #f3eee4;
  --bs-btn-hover-bg: #a3471e;
  --bs-btn-hover-border-color: #a3471e;
  --bs-btn-focus-shadow-rgb: 196, 90, 40;
  --bs-btn-active-color: #f3eee4;
  --bs-btn-active-bg: #8f3d1a;
  --bs-btn-active-border-color: #8f3d1a;
  --bs-btn-disabled-color: #f3eee4;
  --bs-btn-disabled-bg: #c45a28;
  --bs-btn-disabled-border-color: #c45a28;
}
.btn-success {
  --bs-btn-color: #f3eee4;
  --bs-btn-bg: #2f4a3c;
  --bs-btn-border-color: #2f4a3c;
  --bs-btn-hover-color: #f3eee4;
  --bs-btn-hover-bg: #24382e;
  --bs-btn-hover-border-color: #24382e;
  --bs-btn-focus-shadow-rgb: 47, 74, 60;
  --bs-btn-active-color: #f3eee4;
  --bs-btn-active-bg: #1c2c24;
  --bs-btn-active-border-color: #1c2c24;
  --bs-btn-disabled-color: #f3eee4;
  --bs-btn-disabled-bg: #2f4a3c;
  --bs-btn-disabled-border-color: #2f4a3c;
}
.btn-warning {
  --bs-btn-color: #14110e;
  --bs-btn-bg: #c4893a;
  --bs-btn-border-color: #c4893a;
  --bs-btn-hover-color: #14110e;
  --bs-btn-hover-bg: #b07830;
  --bs-btn-hover-border-color: #b07830;
  --bs-btn-focus-shadow-rgb: 196, 137, 58;
  --bs-btn-active-color: #14110e;
  --bs-btn-active-bg: #9c6a28;
  --bs-btn-active-border-color: #9c6a28;
  --bs-btn-disabled-color: #14110e;
  --bs-btn-disabled-bg: #c4893a;
  --bs-btn-disabled-border-color: #c4893a;
}
.btn-info {
  --bs-btn-color: #f3eee4;
  --bs-btn-bg: #4a6b5c;
  --bs-btn-border-color: #4a6b5c;
  --bs-btn-hover-color: #f3eee4;
  --bs-btn-hover-bg: #3d5c4e;
  --bs-btn-hover-border-color: #3d5c4e;
  --bs-btn-focus-shadow-rgb: 74, 107, 92;
  --bs-btn-active-color: #f3eee4;
  --bs-btn-active-bg: #2f4a3c;
  --bs-btn-active-border-color: #2f4a3c;
  --bs-btn-disabled-color: #f3eee4;
  --bs-btn-disabled-bg: #4a6b5c;
  --bs-btn-disabled-border-color: #4a6b5c;
}
.btn-danger {
  --bs-btn-color: #f3eee4;
  --bs-btn-bg: #8b2e1a;
  --bs-btn-border-color: #8b2e1a;
  --bs-btn-hover-color: #f3eee4;
  --bs-btn-hover-bg: #6f2414;
  --bs-btn-hover-border-color: #6f2414;
  --bs-btn-focus-shadow-rgb: 139, 46, 26;
  --bs-btn-active-color: #f3eee4;
  --bs-btn-active-bg: #5a1d10;
  --bs-btn-active-border-color: #5a1d10;
  --bs-btn-disabled-color: #f3eee4;
  --bs-btn-disabled-bg: #8b2e1a;
  --bs-btn-disabled-border-color: #8b2e1a;
}
.btn-secondary {
  --bs-btn-color: #f3eee4;
  --bs-btn-bg: #3a342e;
  --bs-btn-border-color: #3a342e;
  --bs-btn-hover-color: #f3eee4;
  --bs-btn-hover-bg: #14110e;
  --bs-btn-hover-border-color: #14110e;
  --bs-btn-focus-shadow-rgb: 58, 52, 46;
  --bs-btn-active-color: #f3eee4;
  --bs-btn-active-bg: #14110e;
  --bs-btn-active-border-color: #14110e;
  --bs-btn-disabled-color: #f3eee4;
  --bs-btn-disabled-bg: #3a342e;
  --bs-btn-disabled-border-color: #3a342e;
}
.btn-dark {
  --bs-btn-color: #f3eee4;
  --bs-btn-bg: #14110e;
  --bs-btn-border-color: #14110e;
  --bs-btn-hover-color: #f3eee4;
  --bs-btn-hover-bg: #1c1814;
  --bs-btn-hover-border-color: #1c1814;
  --bs-btn-focus-shadow-rgb: 20, 17, 14;
  --bs-btn-active-color: #f3eee4;
  --bs-btn-active-bg: #1c1814;
  --bs-btn-active-border-color: #1c1814;
  --bs-btn-disabled-color: #f3eee4;
  --bs-btn-disabled-bg: #14110e;
  --bs-btn-disabled-border-color: #14110e;
}
.btn-outline-primary {
  --bs-btn-color: #c45a28;
  --bs-btn-border-color: #c45a28;
  --bs-btn-hover-color: #f3eee4;
  --bs-btn-hover-bg: #c45a28;
  --bs-btn-hover-border-color: #c45a28;
  --bs-btn-focus-shadow-rgb: 196, 90, 40;
  --bs-btn-active-color: #f3eee4;
  --bs-btn-active-bg: #a3471e;
  --bs-btn-active-border-color: #a3471e;
  --bs-btn-disabled-color: #c45a28;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #c45a28;
}
.btn-outline-success {
  --bs-btn-color: #2f4a3c;
  --bs-btn-border-color: #2f4a3c;
  --bs-btn-hover-color: #f3eee4;
  --bs-btn-hover-bg: #2f4a3c;
  --bs-btn-hover-border-color: #2f4a3c;
  --bs-btn-focus-shadow-rgb: 47, 74, 60;
  --bs-btn-active-color: #f3eee4;
  --bs-btn-active-bg: #24382e;
  --bs-btn-active-border-color: #24382e;
  --bs-btn-disabled-color: #2f4a3c;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2f4a3c;
}
.btn-outline-danger {
  --bs-btn-color: #8b2e1a;
  --bs-btn-border-color: #8b2e1a;
  --bs-btn-hover-color: #f3eee4;
  --bs-btn-hover-bg: #8b2e1a;
  --bs-btn-hover-border-color: #8b2e1a;
  --bs-btn-focus-shadow-rgb: 139, 46, 26;
  --bs-btn-active-color: #f3eee4;
  --bs-btn-active-bg: #6f2414;
  --bs-btn-active-border-color: #6f2414;
  --bs-btn-disabled-color: #8b2e1a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #8b2e1a;
}
.btn-outline-secondary {
  --bs-btn-color: #3a342e;
  --bs-btn-border-color: #cfc6b8;
  --bs-btn-hover-color: #f3eee4;
  --bs-btn-hover-bg: #3a342e;
  --bs-btn-hover-border-color: #3a342e;
  --bs-btn-focus-shadow-rgb: 58, 52, 46;
  --bs-btn-active-color: #f3eee4;
  --bs-btn-active-bg: #14110e;
  --bs-btn-active-border-color: #14110e;
  --bs-btn-disabled-color: #3a342e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #cfc6b8;
}

.alert-success {
  --bs-alert-color: #24382e;
  --bs-alert-bg: #dce6e0;
  --bs-alert-border-color: #b7c8be;
}
.alert-warning {
  --bs-alert-color: #14110e;
  --bs-alert-bg: #f4e6d0;
  --bs-alert-border-color: #e4cba0;
}
.alert-danger {
  --bs-alert-color: #6f2414;
  --bs-alert-bg: #f3ddd6;
  --bs-alert-border-color: #e0b6aa;
}
.alert-info {
  --bs-alert-color: #2f4a3c;
  --bs-alert-bg: #e4ebe7;
  --bs-alert-border-color: #c5d4cc;
}

.card {
  --bs-card-border-color: rgba(20, 17, 14, 0.12);
  --bs-card-cap-bg: #ece6da;
  background-color: #faf8f3;
}
.card.shadow,
.shadow {
  box-shadow: 0 10px 28px rgba(20, 17, 14, 0.07) !important;
}
.card-header.bg-primary,
.card-header.bg-success,
.card-header.bg-info,
.modal-header.bg-primary,
.modal-header.bg-info,
.modal-header.bg-success {
  border-bottom: 0;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: #c45a28;
  box-shadow: 0 0 0 0.2rem rgba(196, 90, 40, 0.22);
}
.form-check-input:checked {
  background-color: #c45a28;
  border-color: #c45a28;
}
.form-range::-webkit-slider-thumb { background: #c45a28; }
.form-range::-moz-range-thumb { background: #c45a28; }

.page-link { color: #c45a28; }
.page-link:hover { color: #a3471e; background-color: #f6e4d8; border-color: #e8c4ae; }
.page-item.active .page-link {
  background-color: #c45a28;
  border-color: #c45a28;
  color: #f3eee4;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #c45a28;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #c45a28;
}

.list-group-item.active {
  background-color: #c45a28;
  border-color: #c45a28;
}
.progress-bar { background-color: #c45a28; }

.table-primary { --bs-table-bg: #f6e4d8; --bs-table-color: #14110e; }
.table-success { --bs-table-bg: #dce6e0; --bs-table-color: #14110e; }
.table-warning { --bs-table-bg: #f4e6d0; --bs-table-color: #14110e; }
.table-danger { --bs-table-bg: #f3ddd6; --bs-table-color: #14110e; }
.table-info { --bs-table-bg: #e4ebe7; --bs-table-color: #14110e; }

.spinner-border.text-primary,
.text-primary { color: #c45a28 !important; }
.text-success { color: #2f4a3c !important; }
.text-warning { color: #a3471e !important; }
.text-danger { color: #8b2e1a !important; }
.text-info { color: #4a6b5c !important; }

.badge.bg-light.text-success { color: #2f4a3c !important; }
.badge.bg-light.text-primary { color: #c45a28 !important; }
.btn-light.text-primary { color: #c45a28 !important; }