:root.debug-theme {
  --primary: #f97316;
  --blue: #f97316;
  --primary-strong: #ea580c;
  --primary-dark: #c2410c;
}

.debug-theme .debug-banner {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 2000;
  padding: 6px 12px;
  background: rgba(249, 115, 22, 0.92);
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
  pointer-events: none;
}

.debug-theme a {
  color: var(--primary);
}

.debug-theme a:hover,
.debug-theme a:focus {
  color: var(--primary-dark);
}

.debug-theme .btn-primary,
.debug-theme .btn-primary.disabled,
.debug-theme .btn-primary:disabled {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.debug-theme .btn-primary:hover,
.debug-theme .btn-primary:focus,
.debug-theme .btn-primary:active,
.debug-theme .btn-primary.active,
.debug-theme .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--primary-strong);
  border-color: var(--primary-strong);
}

.debug-theme .btn-primary:focus,
.debug-theme .btn-primary.focus,
.debug-theme .btn-primary:not(:disabled):not(.disabled):active:focus,
.debug-theme .btn-primary:not(:disabled):not(.disabled).active:focus,
.debug-theme .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 115, 22, 0.5);
}

.debug-theme .btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}

.debug-theme .btn-outline-primary:hover,
.debug-theme .btn-outline-primary:focus,
.debug-theme .btn-outline-primary:active,
.debug-theme .btn-outline-primary.active,
.debug-theme .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.debug-theme .btn-outline-primary:focus,
.debug-theme .btn-outline-primary.focus,
.debug-theme .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.debug-theme .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.debug-theme .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(249, 115, 22, 0.5);
}

.debug-theme .btn-outline-primary.disabled,
.debug-theme .btn-outline-primary:disabled {
  color: var(--primary);
}

.debug-theme .bg-primary {
  background-color: var(--primary) !important;
}

.debug-theme a.bg-primary:hover,
.debug-theme a.bg-primary:focus,
.debug-theme button.bg-primary:hover,
.debug-theme button.bg-primary:focus {
  background-color: var(--primary-strong) !important;
}

.debug-theme .bg-gradient-primary {
  background-color: var(--primary);
  background-image: linear-gradient(180deg, var(--primary) 10%, var(--primary-dark) 100%);
  background-size: cover;
}

.debug-theme .text-primary {
  color: var(--primary) !important;
}

.debug-theme a.text-primary:hover,
.debug-theme a.text-primary:focus {
  color: var(--primary-dark) !important;
}

.debug-theme .border-left-primary,
.debug-theme .border-bottom-primary,
.debug-theme .border-primary {
  border-color: var(--primary) !important;
}

.debug-theme .dropdown-item.active,
.debug-theme .dropdown-item:active {
  background-color: var(--primary);
  color: #fff;
}

.debug-theme .nav-pills .nav-link.active,
.debug-theme .nav-pills .show > .nav-link {
  color: #fff;
  background-color: var(--primary);
}

.debug-theme .page-link {
  color: var(--primary);
}

.debug-theme .page-link:hover {
  color: var(--primary-dark);
}

.debug-theme .page-item.active .page-link {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.debug-theme .badge-primary {
  color: #fff;
  background-color: var(--primary);
}

.debug-theme a.badge-primary:hover,
.debug-theme a.badge-primary:focus {
  color: #fff;
  background-color: var(--primary-strong);
}

.debug-theme .progress-bar {
  background-color: var(--primary);
}

.debug-theme .list-group-item.active {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.debug-theme .custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--primary);
  background-color: var(--primary);
}

.debug-theme .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(249, 115, 22, 0.25);
}

.debug-theme .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: var(--primary);
  background-color: var(--primary);
}

.debug-theme .custom-range::-webkit-slider-thumb {
  background-color: var(--primary);
}

.debug-theme .custom-range::-moz-range-thumb {
  background-color: var(--primary);
}

.debug-theme .custom-range::-ms-thumb {
  background-color: var(--primary);
}

.debug-theme .topbar .dropdown-list .dropdown-header {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.debug-theme .sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.debug-theme .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  color: var(--primary);
}