/* Bestia Parda — app.css */
/* Tailwind gestiona la mayoría del estilo. */
/* Este archivo contiene únicamente lo que Tailwind no puede generar en CDN. */

* {
    box-sizing: border-box;
}

/* Scrollbar oscura coherente con el diseño */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #3a3a3a;
}

/* Transiciones globales suaves */
input, button, a {
    transition-property: color, background-color, border-color, opacity;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out;
}

/* Focus visible para accesibilidad */
:focus-visible {
    outline: 2px solid #d4a853;
    outline-offset: 2px;
}