:root,
[data-bs-theme="light"] {
  --cz-primary: #ff4100;
  --cz-primary-rgb: 255, 65, 0;
  --cz-primary-text-emphasis: #fe2e00;
  --cz-primary-bg-subtle: #fff1ec;
  --cz-primary-border-subtle: #ffd0c0;
}

[data-bs-theme="dark"] {
  --cz-primary: #ff4100;
  --cz-primary-rgb: 255, 65, 0;
  --cz-primary-text-emphasis: #ff7200;
  --cz-primary-bg-subtle: #3d1a0f;
  --cz-primary-border-subtle: #662a15;
}

.link-primary {
  color: RGBA(var(--cz-primary-rgb), var(--cz-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--cz-primary-rgb), var(--cz-link-underline-opacity, 1)) !important;
}
.link-primary:focus,
.link-primary:hover {
  color: RGBA(254, 46, 0, var(--cz-link-opacity, 1)) !important;
  text-decoration-color: RGBA(254, 46, 0, var(--cz-link-underline-opacity, 1)) !important;
}

.btn-primary {
  --cz-btn-bg: #ff4100;
  --cz-btn-border-color: #ff4100;
  --cz-btn-hover-bg: #ff5200;
  --cz-btn-hover-border-color: #ff5200;
  --cz-btn-active-bg: #fe2e00;
  --cz-btn-active-border-color: #fe2e00;
  --cz-btn-disabled-bg: #ff4100;
  --cz-btn-disabled-border-color: #ff4100;
}

.btn-outline-primary {
  --cz-btn-color: #ff4100;
  --cz-btn-border-color: #ff4100;
  --cz-btn-hover-bg: #ff4100;
  --cz-btn-hover-border-color: #ff4100;
  --cz-btn-active-bg: #ff4100;
  --cz-btn-active-border-color: #ff4100;
  --cz-btn-disabled-color: #ff4100;
  --cz-btn-disabled-border-color: #ff4100;
}

.form-check-input:checked {
  background-color: #ff4100;
  border-color: #ff4100;
}

.form-check-input:focus {
  border-color: #ff7200;
  box-shadow: 0 0 0 0.25rem rgba(255, 65, 0, 0.25);
}

.form-control:focus,
.form-select:focus {
  border-color: #ff7200;
  box-shadow: 0 0 0 0.25rem rgba(255, 65, 0, 0.25);
}

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

.badge.bg-primary {
  background-color: #ff4100 !important;
}

.text-primary {
  color: RGBA(var(--cz-primary-rgb), var(--cz-text-opacity, 1)) !important;
}

.bg-primary {
  background-color: RGBA(var(--cz-primary-rgb), var(--cz-bg-opacity, 1)) !important;
}

.border-primary {
  border-color: RGBA(var(--cz-primary-rgb), var(--cz-border-opacity, 1)) !important;
}

.progress-bar {
  background-color: #ff4100;
}

a {
  --cz-link-color-rgb: var(--cz-primary-rgb);
}

::selection {
  background-color: rgba(255, 65, 0, 0.2);
}

button.btn.sokopro-filter-pill {
  --cz-btn-padding-x: 1rem;
  --cz-btn-padding-y: .5rem;
  --cz-btn-font-size: .8125rem;
  padding: .5rem 1rem !important;
  font-size: .8125rem !important;
  white-space: nowrap;
  line-height: 1.4;
}

.product-card-button.btn-secondary:hover,
.product-card-button.btn-secondary:focus,
.product-card-button.btn-secondary:active {
  background-color: #ff4100 !important;
  border-color: #ff4100 !important;
  color: #fff !important;
}

.sokopro-btn-gradient {
  background: linear-gradient(135deg, #fe2e00 0%, #ff4100 30%, #ff5200 60%, #ff6200 80%, #ff7200 100%);
  border: none;
  color: #fff;
}
.sokopro-btn-gradient:hover,
.sokopro-btn-gradient:focus {
  background: linear-gradient(135deg, #fe2e00 0%, #ff4100 40%, #ff5200 70%, #ff6200 90%, #ff7200 100%);
  color: #fff;
}
.sokopro-btn-gradient:active {
  background: linear-gradient(135deg, #d42800 0%, #fe2e00 40%, #ff4100 70%, #ff5200 100%);
  color: #fff;
}