modficaciones a globlales

src/app/page.tsx

@@ -1,7 +1,8 @@
-"use client"; // <-- OBLIGATORIO
+"use client";
 
 import { useState } from "react";
 import { useRouter } from "next/navigation";
+import "../app/styles/base/_globales.scss"
 import "../app/styles/layout/login.scss";
 export default function Login() {
   const router = useRouter();

src/app/styles/base/_globales.scss

@@ -1,4 +1,3 @@
-@use 'variables' as v;
 
 html {
     font-size: 62.5%;
@@ -16,7 +15,7 @@ body {
 
     font-optical-sizing: auto;
     font-style: normal;
-    color: v.$negro;
+
     font-size: 2rem;
 
     &.overflow-hidden {
@@ -25,7 +24,6 @@ body {
 }
 p {
     font-size: 2rem;
-    color: v.$negro;
     line-height: 1.5;
 }
 .contenedor {