first commit

app/globals.css

@@ -1,26 +1,28 @@
 @import "tailwindcss";
 
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
+@theme {
+  --color-navy: #03045E;
+  --color-ocean: #0077B6;
+  --color-sky: #00B4D8;
+  --color-powder: #90E0EF;
+  --color-ice: #CAF0F8;
+  --font-sans: 'Manrope', sans-serif;
 }
 
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
+@layer base {
+  /* Esto elimina la línea azul en todos los navegadores */
+  *, *:focus, *:active, *:focus-visible {
+    outline: none !important;
+    box-shadow: none !important;
+    ring: 0 !important;
+  }
+  
+  input, textarea, select, button {
+    outline: none !important;
+    box-shadow: none !important;
   }
 }
 
-body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
-}
+@utility border-crisp {
+  border: 1px solid rgba(202, 240, 248, 0.6);
+}