/* OnsiteBadge Brand Colors */
:root {
  --ob-primary: rgb(229, 90, 0);          /* #E55A00 */
  --ob-primary-hex: #E55A00;
  --ob-primary-hover: rgb(207, 76, 0);    /* Darker shade */
  --ob-primary-active: rgb(186, 68, 0);   /* Even darker */
  --ob-secondary: #ffffff;
  --ob-text-light: #ffffff;
  --ob-text-dark: #1a1a1a;
}

/* Override Bootstrap primary colors with OnsiteBadge orange */
.btn-primary {
  background-color: var(--ob-primary);
  border-color: var(--ob-primary);
  color: var(--ob-text-light);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--ob-primary-hover);
  border-color: var(--ob-primary-hover);
}

.btn-primary:active,
.btn-primary.active {
  background-color: var(--ob-primary-active);
  border-color: var(--ob-primary-active);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--ob-primary);
  color: var(--ob-text-light);
}

/* Link colors */
a {
  color: var(--ob-primary);
}

a:hover {
  color: var(--ob-primary-hover);
}

/* Brand accent elements */
.sidebar-brand {
  background: linear-gradient(135deg, var(--ob-primary) 0%, var(--ob-primary-hover) 100%);
}

.sidebar-link.active {
  color: var(--ob-primary);
  border-left-color: var(--ob-primary);
}