/* Primary theme: phoenix-orange */
:root,
[data-bs-theme="light"] {
  --phoenix-primary: var(--phoenix-orange);
  --phoenix-primary-rgb: var(--phoenix-warning-rgb);
  --phoenix-primary-text-emphasis: var(--phoenix-warning-text-emphasis);
  --phoenix-primary-bg-subtle: var(--phoenix-warning-bg-subtle);
  --phoenix-primary-border-subtle: var(--phoenix-warning-border-subtle);
  --phoenix-link-color: var(--phoenix-orange);
  --phoenix-link-color-rgb: var(--phoenix-warning-rgb);
  --phoenix-link-hover-color: var(--phoenix-warning-text-emphasis);
  --phoenix-link-hover-color-rgb: 188, 56, 3;
  --phoenix-navbar-vertical-link-active-color: var(--phoenix-orange);
}

[data-bs-theme="dark"] {
  --phoenix-primary: var(--phoenix-orange);
  --phoenix-primary-rgb: var(--phoenix-warning-rgb);
  --phoenix-primary-text-emphasis: var(--phoenix-warning-text-emphasis);
  --phoenix-primary-bg-subtle: var(--phoenix-warning-bg-subtle);
  --phoenix-primary-border-subtle: var(--phoenix-warning-border-subtle);
  --phoenix-link-color: var(--phoenix-warning-text-emphasis);
  --phoenix-link-color-rgb: 255, 204, 133;
  --phoenix-link-hover-color: var(--phoenix-warning-text-emphasis);
  --phoenix-link-hover-color-rgb: 255, 204, 133;
  --phoenix-navbar-vertical-link-active-color: var(--phoenix-orange);
}

.navbar-vertical .nav-link.active .nav-link-text,
.navbar-vertical .nav-item-wrapper:has(.active) .nav-link-text,
.navbar-vertical .nav-item-wrapper:has(.active) .nav-link-icon {
  color: var(--phoenix-orange);
}

.btn-primary,
.tox .tox-dialog__footer .tox-button:last-child,
.tox .tox-button {
  --phoenix-btn-bg: var(--phoenix-orange);
  --phoenix-btn-border-color: var(--phoenix-orange);
  --phoenix-btn-hover-bg: #c36609;
  --phoenix-btn-hover-border-color: #b76009;
  --phoenix-btn-focus-shadow-rgb: 233, 140, 48;
  --phoenix-btn-active-bg: #b76009;
  --phoenix-btn-active-border-color: #ac5a08;
  --phoenix-btn-disabled-bg: var(--phoenix-orange);
  --phoenix-btn-disabled-border-color: var(--phoenix-orange);
}

.btn-outline-primary {
  --phoenix-btn-color: var(--phoenix-orange);
  --phoenix-btn-border-color: var(--phoenix-orange);
  --phoenix-btn-hover-color: #fff;
  --phoenix-btn-hover-bg: var(--phoenix-orange);
  --phoenix-btn-hover-border-color: #c36609;
  --phoenix-btn-focus-shadow-rgb: 229, 120, 11;
  --phoenix-btn-active-color: #fff;
  --phoenix-btn-active-bg: #b76009;
  --phoenix-btn-active-border-color: #ac5a08;
  --phoenix-btn-disabled-color: var(--phoenix-orange);
  --phoenix-btn-disabled-border-color: var(--phoenix-orange);
}

.navbar-brand .app-brand-logo {
  height: 2.25rem;
  width: auto;
  max-height: 2.5rem;
}

@media (max-width: 575.98px) {
  .navbar-brand .app-brand-logo {
    height: 1.875rem;
  }
}

[data-password] [data-password-toggle] .hide {
  display: none;
}

[data-password].show-password [data-password-toggle] .show {
  display: none;
}

[data-password].show-password [data-password-toggle] .hide {
  display: inline-block;
}