:root {
    --brand-primary: #00ADBB;
    --brand-secondary: #76BC21;
    --brand-accent: #7C3AED;
}

/* Ajustes suaves; prioriza utilidades Tailwind en el HTML */
html,
body {
    background: #f5f5f5;
}

.splide__arrows {
    display: none !important;
}

/* Oculta la barra de scroll (cross-browser) */
.no-scrollbar {
    -ms-overflow-style: none;
    /* IE/Edge */
    scrollbar-width: none;
    /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
    /* Chrome/Safari/Opera */
}

/* Appbar elevación en scroll (se aplica desde JS con .appbar-elevated si quisieras) */
.appbar-elevated {
    box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
}

/* Drawer transición ya viene con Tailwind; aquí podrías añadir overrides si hiciera falta */