diff --git a/susconecta/app/profissional/page.tsx b/susconecta/app/profissional/page.tsx
index 7f69483..bd5082f 100644
--- a/susconecta/app/profissional/page.tsx
+++ b/susconecta/app/profissional/page.tsx
@@ -347,9 +347,9 @@ const ProfissionalPage = () => {
                 }}
                 buttonText={{
                   today: 'Hoje',
-                  month: 'Mês',
+                  month: 'Dia',
                   week: 'Semana',
-                  day: 'Dia'
+                  day: 'Mês'
                 }}
               />
             </div>
diff --git a/susconecta/styles/globals.css b/susconecta/styles/globals.css
index 23cc7e3..87194a7 100644
--- a/susconecta/styles/globals.css
+++ b/susconecta/styles/globals.css
@@ -1,9 +1,9 @@
 @import 'tailwindcss';
 @import 'tw-animate-css';
-
-@custom-variant dark (&:is(.dark *));
+/* Removed invalid @custom-variant at-rule */
 
 :root {
+    --background: var(--primary)
   --background: oklch(1 0 0);
   --foreground: oklch(0.145 0 0);
   --card: oklch(1 0 0);
@@ -74,7 +74,7 @@
   --sidebar-ring: oklch(0.439 0 0);
 }
 
-@theme inline {
+:root {
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
   --color-background: var(--background);
@@ -117,9 +117,17 @@
 
 @layer base {
   * {
-    @apply border-border outline-ring/50;
+    border-color: var(--border);
+    outline-color: var(--ring);
+    outline-width: 2px;
+    outline-style: solid;
+    outline-offset: 0.5px;
   }
   body {
-    @apply bg-background text-foreground;
+    background-color: var(--background);
+    color: var(--foreground);
   }
 }
+.buttonText {
+  background-color: var(--primary);
+}