@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --color-accent: #2563EB;
  --color-accent-hover: #1D4ED8;
}

@layer base {
  body {
    @apply bg-[#F8FAFC] text-[#111827] antialiased;
  }

  /* Foco visible accesible: anillo azul en elementos interactivos */
  :focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.35);
  }
}