/* Tema Integral Clínica sobre o Tabler — só remapeia variáveis, sem reescrever
   regras. Carregado depois de tabler.min.css e antes de app.css.
 *
 * Os valores da marca vivem em app.css (--vinho, --r-botao, --ff): aqui apenas
 * apontamos as variáveis do Tabler para eles, então trocar a cor da clínica é
 * mexer em um lugar só. Variáveis CSS resolvem no uso, não na declaração — por
 * isso funciona mesmo com app.css sendo carregado depois deste arquivo. */
:root {
  --tblr-primary: var(--vinho);
  --tblr-primary-rgb: 169, 21, 61;   /* precisa ser literal: usado em rgba() */
  --tblr-primary-fg: #fff;
  --tblr-link-color: var(--vinho);
  --tblr-link-color-rgb: 169, 21, 61;
  --tblr-body-font-family: var(--ff);
  --tblr-border-radius: var(--r-botao);
  --tblr-border-radius-sm: 8px;
  --tblr-border-radius-lg: var(--r-cartao);
}

/* Hover/active de primary um pouco mais escuros que o padrão do Bootstrap. */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  --tblr-btn-hover-bg: var(--vinho-escuro);
  --tblr-btn-hover-border-color: var(--vinho-escuro);
  --tblr-btn-active-bg: var(--vinho-escuro);
  --tblr-btn-active-border-color: var(--vinho-escuro);
}