/* assets/css/theme.css */
:root {
    --ring: 0 0 #0000;
}

html,
body {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.btn {
    @apply inline-flex items-center rounded-lg px-4 py-2 font-semibold shadow-elev-1;
}

.btn-primary {
    @apply bg-brand text-white hover:opacity-95;
}

/* Accesibilidad: foco visible en enlaces y botones */
a:focus-visible,
button:focus-visible {
    outline: 2px solid #7C3AED;
    outline-offset: 2px;
}

/* Hero utilidades (si no usas clases Tailwind aquí) */
.hero h1 {
    @apply text-3xl sm:text-5xl font-extrabold text-ink-900;
}

.hero p {
    @apply mt-3 text-base sm:text-lg text-slate-600;
}

/* Tarjetas */
.card {
    @apply rounded-2xl border border-slate-200 bg-white shadow-elev-1;
}