@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --color-accent: #1B4332;
  --color-accent-hover: #132f23;
  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-xl: 0;
  --radius-2xl: 0;
  --radius-3xl: 0;
  --radius-4xl: 0;
}

@layer base {
  body {
    @apply bg-white text-neutral-900 antialiased;
  }

  /* Foco visible accesible: outline en color de acento */
  :focus-visible {
    outline: 2px solid #1B4332;
    outline-offset: 2px;
  }
}