/* ══════════════════════════════════════════════════════
   extra.css — Tailwind hover/focus overrides (tema azul)
   Salve em: static/tailwind/extra.css
══════════════════════════════════════════════════════ */

:root {
  --color-primary:   #052c03;
  --color-secondary: #3a5a38;
  --color-accent:    #8bc34a;
  --color-black:     #0a1a06;
  /* Alias para compatibilidade com classes Tailwind que referenciam green-500 */
  --green-500: #5ea50c;
}
/* ── Hover: texto ── */
.hover\:text-primary:hover   { color: var(--color-primary)   !important; }
.hover\:text-secondary:hover { color: var(--color-secondary) !important; }
.hover\:text-accent:hover    { color: var(--color-accent)    !important; }
.hover\:text-white:hover     { color: #ffffff !important; }

/* ── Hover: fundos ── */
.hover\:bg-primary:hover      { background-color: var(--color-primary)   !important; }
.hover\:bg-secondary:hover    { background-color: var(--color-secondary) !important; }
.hover\:bg-accent:hover       { background-color: var(--color-accent)    !important; }
.hover\:bg-accent\/30:hover   { background-color: rgba(92,168,230,0.3)   !important; }
.hover\:bg-accent\/10:hover   { background-color: rgba(92,168,230,0.1)   !important; }
/* Compatibilidade: classes que ainda referenciam green-500 ficam azuis */
.hover\:bg-green-500:hover    { background-color: var(--color-accent)    !important; }

/* ── Hover: bordas ── */
.hover\:border-primary:hover    { border-color: var(--color-primary)   !important; }
.hover\:border-secondary:hover  { border-color: var(--color-secondary) !important; }
.hover\:border-accent:hover     { border-color: var(--color-accent)    !important; }
/* Compatibilidade: classes que ainda referenciam green-500 ficam azuis */
.hover\:border-green-500:hover  { border-color: var(--color-accent)    !important; }

/* ── Hover: misc ── */
.hover\:scale-110:hover     { transform: scale(1.10) !important; }
.hover\:opacity-90:hover    { opacity: 0.9 !important; }
.hover\:opacity-100:hover   { opacity: 1   !important; }

/* ── Focus: contorno e rings ── */
.focus\:outline-none:focus    { outline: none !important; }
/* Todos os rings usam a cor accent (azul claro) */
.focus\:ring-2:focus          { box-shadow: 0 0 0 3px rgba(92,168,230,0.3) !important; }
.focus\:ring-green-500:focus  { box-shadow: 0 0 0 3px rgba(92,168,230,0.3) !important; }
.focus\:ring-gray-500:focus   { box-shadow: 0 0 0 3px rgba(107,114,128,0.15) !important; }
.focus\:ring-offset-2:focus   { outline-offset: 2px !important; }

/* ── Form inputs — focus azul ── */
.form-input:focus {
    outline: none !important;
    border-color: var(--color-accent) !important;
    box-shadow: 0 0 0 3px rgba(92,168,230,0.25) !important;
}

/* ── Transition helper ── */
.hover\:transition-colors:hover {
    transition-property: color, background-color, border-color, box-shadow, opacity !important;
}