:root {
  --nc-red: #cc0000;
  --nc-white: #ffffff;
  --bs-primary: #cc0000;
  --bs-primary-rgb: 204, 0, 0;
  --bs-danger: #cc0000;
  --bs-link-color: #cc0000;
  --bs-link-hover-color: #a30000;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--nc-red);
  --bs-btn-border-color: var(--nc-red);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a30000;
  --bs-btn-hover-border-color: #a30000;
  --bs-btn-focus-shadow-rgb: 204, 0, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a30000;
  --bs-btn-active-border-color: #8a0000;
  --bs-btn-disabled-bg: var(--nc-red);
  --bs-btn-disabled-border-color: var(--nc-red);
}

.btn-outline-primary {
  --bs-btn-color: var(--nc-red);
  --bs-btn-border-color: var(--nc-red);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--nc-red);
  --bs-btn-hover-border-color: var(--nc-red);
  --bs-btn-focus-shadow-rgb: 204, 0, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--nc-red);
  --bs-btn-active-border-color: var(--nc-red);
}

.navbar-brand.howler-brand {
  font-weight: 700;
  letter-spacing: 0.02em;
}

.howler-composer textarea {
  min-height: 5rem;
}

.nav-tabs .nav-link.active {
  color: var(--nc-red);
  font-weight: 600;
}