/* assets/css/custom-theme.css */
:root {
  /* Primary colors - Orange theme */
  --bs-primary: #ff6b00;
  --bs-primary-rgb: 255, 107, 0;
  --bs-primary-text-emphasis: #cc5500;
  --bs-primary-bg-subtle: #ffe5cc;
  --bs-primary-border-subtle: #ffb380;

  /* Link colors */
  --bs-link-color: #ff6b00;
  --bs-link-hover-color: #cc5500;

  /* Additional custom colors */
  --bs-secondary: #6c757d;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-secondary-text-emphasis: #495057;
  --bs-secondary-bg-subtle: #f8f9fa;
  --bs-secondary-border-subtle: #dee2e6;
}

/* Override primary button styles */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e66000;
  --bs-btn-hover-border-color: #d95a00;
  --bs-btn-focus-shadow-rgb: 255, 107, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #d95a00;
  --bs-btn-active-border-color: #cc5500;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ff6b00;
  --bs-btn-disabled-border-color: #ff6b00;
}

/* Outline primary button */
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: 255, 107, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--bs-primary);
}

/* Navbar light theme adjustments */
.navbar-light {
  background-color: var(--bs-body-bg) !important;
  border-bottom: 1px solid var(--bs-primary-border-subtle);
}

/* Form focus states */
.form-control:focus,
.form-select:focus {
  border-color: var(--bs-primary-border-subtle);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Links in navigation */
.nav-link {
  color: var(--bs-primary);
}

.nav-link:hover,
.nav-link:focus {
  color: var(--bs-primary-text-emphasis);
}

/* Active navigation items */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--bs-primary);
  color: #fff;
}

[data-bs-theme="light"] .theme-icon-active[data-bs-theme-value="dark"],
[data-bs-theme="dark"] .theme-icon-active[data-bs-theme-value="light"] {
  display: none;
}

.theme-icon-active {
  color: var(--bs-primary);
  font-size: 1.25rem;
}