@import "tailwindcss";

@theme {
  --color-navy: #03045E;
  --color-ocean: #0077B6;
  --color-sky: #00B4D8;
  --color-powder: #90E0EF;
  --color-ice: #CAF0F8;
  --font-sans: 'Manrope', sans-serif;
}

@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;
  }
}

@utility border-crisp {
  border: 1px solid rgba(202, 240, 248, 0.6);
}