alterações 07-04-26

style.css

@@ -1,7 +1,22 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
+:root {
+    --cor-fundo-principal: #83B81A;
+    --cor-fundo-escuro: #537813;
+    --cor-texto-principal: #FFFFFF;
+    --cor-accent: #537813;
+    --tw-scale-x: 99% !important;
+}
+
+@font-face {
+    font-family: 'General Sans';
+    src: url('quiz/lib/ionic/css/GeneralSans-Variable.ttf');
+}
+@font-face {
+    font-family: 'Inter';
+    src: url('quiz/lib/ionic/css/Inter-VariableFont_opsz\,wght.ttf');
+}
 
 * {
-    font-family: poppins;
+    font-family: 'Inter';
 }
 
 /* Definindo o fade-in */
@@ -20,10 +35,11 @@ p#codigo {
 }
 
 body {
-    background-color: #f8f9fa;
-    background-image: url(img/bg.jpg);
-    background-size: cover;
-    background-position: bottom;
+    background-color: var(--cor-fundo-principal);
+    background-image: url(/ius/quiz/img/quiz_patternBG.png);
+    background-size: 600px;
+    background-repeat: repeat;
+    background-position: center;
     touch-action: manipulation;
     -ms-touch-action: manipulation;
     -webkit-user-select: none;
@@ -32,9 +48,14 @@ body {
     user-select: none;
 }
 
+h2 {
+    font-family: 'General Sans';
+    font-weight: 600;
+}
+
 #login button {
-    background-color: #007bff;
-    color: #fff;
+    background-color: var(--cor-fundo-escuro);
+    color: var(--cor-texto-principal);
 }
 
 /* Estilos específicos para mobile */
@@ -44,30 +65,40 @@ body {
     }
     
     input[type="text"],
-    input[type="date"] {
+    input[type="date"],
+    input[type="email"],
+    select {
         font-size: 16px !important; /* Previne zoom em iOS */
     }
 }
-:root {
-    --tw-scale-x: 99% !important;
-
-}
 
 button {
-    background-color: #0a0791;
+    background-color: var(--cor-fundo-escuro);
+    transition: transform 0.2s ease;
+}
+
+button:active {
+    transform: scale(0.98);
+}
+
+.bg-gold-xcmg {
+    background-color: var(--cor-fundo-escuro) !important;
 }
 
 .text-gold-xcmg, .peer-focus\:dark\:text-gold-xcmg {
-    color: #00f4bc;
+    color: var(--cor-fundo-escuro);
 }
 
 .border-gold-xcmg {
-    border-color: #00f4bc;
+    border-color: var(--cor-fundo-escuro);
 }
 
 .focus\:border-gold-xcmg, .dark\:border-gold-xcmg {
-    border-color: #00f4bc ;
+    border-color: var(--cor-fundo-escuro) ;
+}
 
+.peer-focus\:text-gold-xcmg {
+    color: var(--cor-fundo-escuro) !important;
 }
 
 .peer-focus\:-translate-y-4 {