:root{
--color-primary: #06402B;
--color-secondary: #4b7744;
--color-accent: #a8d167;
--color-black: #121212;
/* green-500 usado no seu formulário/card */
--green-500: #10B981;
}


/* ---------- Hover utilities (aplicar com class="hover:XXX") ---------- */
.hover\:text-primary:hover{color:var(--color-primary)!important}
.hover\:text-secondary:hover{color:var(--color-secondary)!important}
.hover\:text-white:hover{color:#ffffff!important}


.hover\:bg-secondary:hover{background-color:var(--color-secondary)!important}
.hover\:bg-accent:hover{background-color:var(--color-accent)!important}
/* versão semi-transparente se você usar `bg-accent/30` combinada com hover */
.hover\:bg-accent\/30:hover{background-color:rgba(168,209,103,0.3)!important}
.hover\:bg-accent\/10:hover{background-color:rgba(168,209,103,0.1)!important}


.hover\:border-secondary:hover{border-color:var(--color-secondary)!important}
.hover\:border-green-500:hover{border-color:var(--green-500)!important}


.hover\:scale-110:hover{transform:scale(1.10)!important}
.hover\:opacity-90:hover{opacity:0.9!important}


/* ---------- Focus utilities (aplicar com class="focus:XXX") ---------- */
.focus\:outline-none:focus{outline:none!important}
.focus\:ring-2:focus{box-shadow:0 0 0 4px rgba(16,185,129,0.12)!important}
.focus\:ring-green-500:focus{box-shadow:0 0 0 4px rgba(16,185,129,0.20)!important}
.focus\:ring-gray-500:focus{box-shadow:0 0 0 4px rgba(107,114,128,0.15)!important}
.focus\:ring-2\.focus\:ring-offset-2:focus{box-shadow:0 0 0 4px rgba(16,185,129,0.12)!important;outline-offset:2px!important}
.focus\:ring-offset-2:focus{outline-offset:2px!important}


/* Specifics for your .form-input (keeps same behaviour you specified inline) */
.form-input:focus{outline:none!important;box-shadow:0 0 0 4px rgba(16,185,129,0.15)!important;border-color:var(--green-500)!important}


/* Small helper: ensure anchor and button hover transitions if you rely on transition utilities */
.hover\:transition-colors:hover{transition-property:color,background-color,border-color,box-shadow,opacity!important}