Corrigir hover para usar cor primaria dinamica

frontend/src/app/(public)/contato/page.tsx

@@ -276,7 +276,7 @@ export default function ContatoPage() {
                   <button 
                     type="submit" 
                     disabled={submitting}
-                    className="mt-4 w-full bg-primary text-white py-4 rounded-xl font-bold hover:bg-orange-600 transition-all shadow-lg hover:shadow-primary/30 flex items-center justify-center gap-2 group disabled:opacity-50 disabled:cursor-not-allowed"
+                    className="mt-4 w-full bg-primary text-white py-4 rounded-xl font-bold hover-primary transition-all shadow-lg hover:shadow-primary/30 flex items-center justify-center gap-2 group disabled:opacity-50 disabled:cursor-not-allowed"
                   >
                     {submitting ? (
                       <>

frontend/src/app/(public)/page.tsx

@@ -91,7 +91,7 @@ export default function Home() {
               {hero.subtitle}
             </p>
             <div className="flex flex-col sm:flex-row gap-4">
-              <Link href="/contato" className="px-8 py-4 bg-primary text-white rounded-lg font-bold hover:bg-orange-600 transition-colors text-center">
+              <Link href="/contato" className="px-8 py-4 bg-primary text-white rounded-lg font-bold hover-primary transition-colors text-center">
                 {hero.buttonText}
               </Link>
               <Link href="/projetos" className="px-8 py-4 border-2 border-white text-white rounded-lg font-bold hover:bg-white hover:text-secondary transition-colors text-center">

frontend/src/app/(public)/projetos/[id]/page.tsx

@@ -141,7 +141,7 @@ export default function ProjectDetails({ params }: { params: { id: string } }) {
                   </li>
                 </ul>
                 
-                <Link href="/contato" className="block w-full py-4 bg-primary text-white text-center rounded-lg font-bold hover:bg-orange-600 transition-colors">
+                <Link href="/contato" className="block w-full py-4 bg-primary text-white text-center rounded-lg font-bold hover-primary transition-colors">
                   Solicitar Orçamento Similar
                 </Link>
                 <Link href="/projetos" className="block w-full py-4 mt-4 border border-gray-300 text-gray-600 text-center rounded-lg font-bold hover:bg-gray-100 transition-colors">

frontend/src/app/acesso/page.tsx

@@ -107,7 +107,7 @@ export default function LoginPage() {
             <button 
               type="submit" 
               disabled={loading}
-              className="w-full py-3.5 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center justify-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
+              className="w-full py-3.5 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center justify-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
             >
               {loading ? (
                 <>

frontend/src/app/admin/configuracoes/page.tsx

@@ -223,7 +223,7 @@ export default function ConfiguracoesPage() {
         <button
           onClick={handleSave}
           disabled={saving}
-          className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed"
+          className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed"
           style={{ backgroundColor: saving ? undefined : primaryColor }}
         >
           {saving ? (

frontend/src/app/admin/layout.tsx

@@ -218,7 +218,7 @@ export default function AdminLayout({
               </div>
 
               <div className="flex gap-3 w-full">
-                <label className="flex-1 px-4 py-2 bg-primary text-white rounded-lg font-medium hover:bg-orange-600 transition-colors text-center cursor-pointer">
+                <label className="flex-1 px-4 py-2 bg-primary text-white rounded-lg font-medium hover-primary transition-colors text-center cursor-pointer">
                   {isUploading ? 'Enviando...' : 'Escolher Foto'}
                   <input
                     type="file"

frontend/src/app/admin/paginas/contato/page.tsx

@@ -537,7 +537,7 @@ export default function EditContactPage() {
           <button 
             type="submit" 
             disabled={loading}
-            className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
+            className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
           >
             {loading ? (
               <>

frontend/src/app/admin/paginas/home/page.tsx

@@ -927,7 +927,7 @@ export default function EditHomePage() {
           <button 
             type="submit" 
             disabled={loading}
-            className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
+            className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
           >
             {loading ? (
               <>

frontend/src/app/admin/paginas/sobre/page.tsx

@@ -546,7 +546,7 @@ export default function EditAboutPage() {
           <button 
             type="submit" 
             disabled={loading}
-            className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
+            className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
           >
             {loading ? (
               <>

frontend/src/app/admin/projetos/novo/page.tsx

@@ -179,7 +179,7 @@ export default function NewProject() {
           <button 
             type="submit" 
             disabled={loading}
-            className="px-8 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
+            className="px-8 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
           >
             {loading ? (
               <>

frontend/src/app/admin/projetos/page.tsx

@@ -12,7 +12,7 @@ export default function ProjectsList() {
         </div>
         <Link 
           href="/admin/projetos/novo" 
-          className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2"
+          className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2"
         >
           <i className="ri-add-line text-xl"></i>
           Novo Projeto

frontend/src/app/admin/servicos/novo/page.tsx

@@ -130,7 +130,7 @@ export default function NewService() {
           <button 
             type="submit" 
             disabled={loading}
-            className="px-8 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
+            className="px-8 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
           >
             {loading ? (
               <>

frontend/src/app/admin/servicos/page.tsx

@@ -12,7 +12,7 @@ export default function ServicesList() {
         </div>
         <Link 
           href="/admin/servicos/novo" 
-          className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2"
+          className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2"
         >
           <i className="ri-add-line text-xl"></i>
           Novo Serviço

frontend/src/app/admin/usuarios/[id]/page.tsx

@@ -183,7 +183,7 @@ export default function EditUserPage() {
       <div className="mb-8">
         <Link 
           href="/admin/usuarios"
-          className="text-primary hover:text-orange-600 transition-colors inline-flex items-center gap-2 mb-4"
+          className="text-primary hover-primary-text transition-colors inline-flex items-center gap-2 mb-4"
         >
           <i className="ri-arrow-left-line"></i>
           Voltar para Usuários
@@ -307,7 +307,7 @@ export default function EditUserPage() {
             <button
               type="submit"
               disabled={saving}
-              className="flex-1 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors disabled:opacity-70 disabled:cursor-not-allowed"
+              className="flex-1 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors disabled:opacity-70 disabled:cursor-not-allowed"
             >
               {saving ? (
                 <span className="flex items-center justify-center gap-2">

frontend/src/app/admin/usuarios/novo/page.tsx

@@ -105,7 +105,7 @@ export default function NewUserPage() {
       <div className="mb-8">
         <Link 
           href="/admin/usuarios"
-          className="text-primary hover:text-orange-600 transition-colors inline-flex items-center gap-2 mb-4"
+          className="text-primary hover-primary-text transition-colors inline-flex items-center gap-2 mb-4"
         >
           <i className="ri-arrow-left-line"></i>
           Voltar para Usuários
@@ -224,7 +224,7 @@ export default function NewUserPage() {
             <button
               type="submit"
               disabled={loading}
-              className="flex-1 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors disabled:opacity-70 disabled:cursor-not-allowed"
+              className="flex-1 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors disabled:opacity-70 disabled:cursor-not-allowed"
             >
               {loading ? (
                 <span className="flex items-center justify-center gap-2">

frontend/src/app/admin/usuarios/page.tsx

@@ -80,7 +80,7 @@ export default function UsersPage() {
         </div>
         <Link 
           href="/admin/usuarios/novo"
-          className="px-6 py-3 bg-primary text-white rounded-lg font-bold hover:bg-orange-600 transition-colors flex items-center gap-2"
+          className="px-6 py-3 bg-primary text-white rounded-lg font-bold hover-primary transition-colors flex items-center gap-2"
         >
           <i className="ri-user-add-line"></i>
           Novo Usuário

frontend/src/app/globals.css

@@ -4,6 +4,7 @@
 @theme {
   --color-primary: #FF6B35;
   --color-primary-rgb: 255 107 53;
+  --color-primary-dark: color-mix(in srgb, var(--color-primary) 80%, black);
   --color-secondary: #1A1A1A;
   
   --font-headline: 'Stack Sans Headline', sans-serif;
@@ -29,3 +30,12 @@ body {
 h1, h2, h3, h4, h5, h6 {
   font-family: var(--font-headline);
 }
+
+/* Classe utilitária para hover em botões primários */
+.hover-primary:hover {
+  background-color: var(--color-primary-dark) !important;
+}
+
+.hover-primary-text:hover {
+  color: var(--color-primary-dark) !important;
+}

frontend/src/components/ConfirmDialog.tsx

@@ -22,7 +22,7 @@ export default function ConfirmDialog({
   const buttonStyles = {
     danger: 'bg-red-500 hover:bg-red-600 text-white',
     warning: 'bg-yellow-500 hover:bg-yellow-600 text-white',
-    info: 'bg-primary hover:bg-orange-600 text-white',
+    info: 'bg-primary hover-primary text-white',
   };
 
   return (

frontend/src/components/CookieConsent.tsx

@@ -57,7 +57,7 @@ export default function CookieConsent() {
             </button>
             <button 
               onClick={handleAccept}
-              className="px-6 py-2.5 bg-primary text-white rounded-lg font-bold hover:bg-orange-600 transition-colors text-sm shadow-lg shadow-primary/20 cursor-pointer"
+              className="px-6 py-2.5 bg-primary text-white rounded-lg font-bold hover-primary transition-colors text-sm shadow-lg shadow-primary/20 cursor-pointer"
             >
               {t('cookie.accept')}
             </button>

frontend/src/components/Header.tsx

@@ -91,7 +91,7 @@ export default function Header() {
           <div className="shrink-0 ml-2">
             <Link 
               href="/contato" 
-              className="px-6 py-2.5 bg-primary text-white rounded-lg font-bold hover:bg-orange-600 transition-colors flex items-center gap-2"
+              className="px-6 py-2.5 bg-primary text-white rounded-lg font-bold hover-primary transition-colors flex items-center gap-2"
             >
               <i className="ri-whatsapp-line"></i>
               <span className="hidden xl:inline">{t('nav.contact_us')}</span>