/* HubMarket — estilos custom (complementan Tailwind CDN).
   Identidad: Naranja / Tangerine. Pensado para pantallas táctiles. */

:root {
    --hubmarket-50:  #FFF7ED;
    --hubmarket-100: #FFEDD5;
    --hubmarket-200: #FED7AA;
    --hubmarket-300: #FDBA74;
    --hubmarket-400: #FB923C;
    --hubmarket-500: #F97316;
    --hubmarket-600: #EA580C;
    --hubmarket-700: #C2410C;
    --hubmarket-800: #9A3412;
    --hubmarket-900: #7C2D12;
    --hubmarket-950: #431407;
}

/* Alpine: ocultar elementos hasta que el componente esté listo */
[x-cloak] { display: none !important; }

/* Mejor experiencia táctil: sin resaltado azul al tocar, sin doble-tap zoom en botones */
button, a, [role="button"] {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

/* Scrollbar discreta */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Tipografía base mientras carga la fuente */
body { font-family: 'Inter', system-ui, sans-serif; }