/* Unique — tema de marca derivado do logotipo (#85231E / #6B6D6D).
   Carregado APÓS bootstrap e site.css em _Host.cshtml. */
:root {
  --unique-primary: #85231E;
  --unique-primary-hover: #6E1C18;
  --unique-primary-active: #571512;
  --unique-primary-subtle: #F4E3E1;
  --unique-secondary: #6B6D6D;
  --unique-secondary-dark: #4F5151;
  --unique-border: #D8D4D3;
  --unique-surface: #FAF9F8;
  --unique-text: #2B2B2B;

  /* Override do Bootstrap 5 */
  --bs-primary: #85231E;
  --bs-primary-rgb: 133, 35, 30;
  --bs-link-color: #85231E;
  --bs-link-color-rgb: 133, 35, 30;
  --bs-link-hover-color: #6E1C18;
  --bs-link-hover-color-rgb: 110, 28, 24;
}

/* Botões "primary".
   A base do projeto é Bootstrap 4.3.1 (cores fixas, sem variáveis --bs-*),
   por isso sobrescrevemos as propriedades reais. As variáveis --bs-btn-*
   ficam para componentes que usem Bootstrap 5/Blazorise. */
.btn-primary {
  background-color: var(--unique-primary) !important;
  border-color: var(--unique-primary) !important;
  color: #fff !important;
  --bs-btn-bg: var(--unique-primary);
  --bs-btn-border-color: var(--unique-primary);
  --bs-btn-hover-bg: var(--unique-primary-hover);
  --bs-btn-hover-border-color: var(--unique-primary-hover);
  --bs-btn-active-bg: var(--unique-primary-active);
  --bs-btn-active-border-color: var(--unique-primary-active);
  --bs-btn-disabled-bg: var(--unique-primary);
  --bs-btn-disabled-border-color: var(--unique-primary);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  background-color: var(--unique-primary-hover) !important;
  border-color: var(--unique-primary-hover) !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem rgba(133, 35, 30, 0.35) !important;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--unique-primary-active) !important;
  border-color: var(--unique-primary-active) !important;
  color: #fff !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--unique-primary) !important;
  border-color: var(--unique-primary) !important;
}

/* Botão outline primário */
.btn-outline-primary {
  color: var(--unique-primary) !important;
  border-color: var(--unique-primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
  background-color: var(--unique-primary) !important;
  border-color: var(--unique-primary) !important;
  color: #fff !important;
}

/* Utilitários de cor primária (Bootstrap 4) */
.bg-primary { background-color: var(--unique-primary) !important; }
.text-primary { color: var(--unique-primary) !important; }
.badge-primary { background-color: var(--unique-primary) !important; }

/* Filete da marca sob a navbar branca */
.navbar.border-bottom { border-bottom-color: var(--unique-primary) !important; }