/* Tema corporativo baseado nas cores #5B6B5C e #92988D */

/* Variáveis de cor */
:root {
  --brand-dark: #5B6B5C;     /* verde-escuro */
  --brand-dark-10d: #526053; /* 10% mais escuro */
  --brand-dark-10l: #6B7A6C; /* 10% mais claro */

  --brand-light: #92988D;     /* verde-claro */
  --brand-light-10d: #83887F; /* 10% mais escuro */
  --brand-light-10l: #9DA298; /* 10% mais claro */

  /* RGB helpers para usar com rgba() em componentes com transparência */
  --brand-dark-rgb: 91, 107, 92;
  --brand-light-rgb: 146, 152, 141;

  --neutral-white: #ffffff;
  --neutral-light: #f5f5f5;   /* cinza claro para fundos */
  --neutral-gray: #e5e7eb;    /* cinza claro Tailwind-like */
  --text-dark: #111827;       /* quase preto, boa legibilidade */
  --text-light: #ffffff;      /* texto branco para contraste */
}

/* Gradiente de marca (pode ser usado em cabeçalhos/hero) */
.brand-gradient {
  background: linear-gradient(to right, var(--brand-dark), var(--brand-light));
}

/* Utilitários de cor */
.bg-brand-dark { background-color: var(--brand-dark) !important; }
.bg-brand-light { background-color: var(--brand-light) !important; }
.text-brand-dark { color: var(--brand-dark) !important; }
.text-brand-light { color: var(--brand-light) !important; }
.border-brand-dark { border-color: var(--brand-dark) !important; }
.border-brand-light { border-color: var(--brand-light) !important; }

/* Cabeçalhos e bordas principais */
.brand-header { background-color: var(--brand-dark); color: var(--text-light); }
.brand-header a { color: var(--text-light); }
.brand-border { border-color: var(--brand-dark); }

/* Botões padrão */
.btn { 
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
  border-radius: 0.5rem; 
  font-weight: 600; 
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease; 
}

.btn-primary { 
  background-color: var(--brand-dark); 
  color: var(--text-light); 
  border: 1px solid var(--brand-dark); 
}
.btn-primary:hover, .btn-primary:focus { 
  background-color: var(--brand-dark-10d); 
  border-color: var(--brand-dark-10d); 
}

.btn-secondary { 
  background-color: var(--brand-light); 
  color: var(--text-dark); 
  border: 1px solid var(--brand-light); 
}
.btn-secondary:hover, .btn-secondary:focus { 
  background-color: var(--brand-light-10d); 
  border-color: var(--brand-light-10d); 
}

/* Sobrescrever classes comuns do Tailwind para aderir à paleta */
/* Azul padrão → Verde-escuro da marca */
.bg-blue-600 { background-color: var(--brand-dark) !important; color: var(--text-light) !important; }
.hover\:bg-blue-700:hover { background-color: var(--brand-dark-10d) !important; }
.text-blue-600 { color: var(--brand-dark) !important; }
.hover\:text-blue-800:hover { color: var(--brand-dark-10d) !important; }
.border-blue-600 { border-color: var(--brand-dark) !important; }
.ring-blue-500 { --tw-ring-color: var(--brand-light) !important; }

/* Paleta "primary" usada em algumas telas administrativas */
.bg-primary-600 { background-color: var(--brand-dark) !important; color: var(--text-light) !important; }
.hover\:bg-primary-700:hover { background-color: var(--brand-dark-10d) !important; }
.text-primary-600 { color: var(--brand-dark) !important; }
.hover\:text-primary-700:hover { color: var(--brand-dark-10d) !important; }
.border-primary-600 { border-color: var(--brand-dark) !important; }

/* Superfícies recomendadas (fundos sutis) */
.bg-brand-surface { background-color: var(--neutral-light) !important; }