/* ==================================================================
   TEMA AURORA — moderno claro: indigo + cian, aire, esquinas suaves.
   Para editar la identidad del comercio basta cambiar estas variables.
   ================================================================== */
:root {
    --fuente-titulos: "Sora", system-ui, sans-serif;
    --fuente-cuerpo: "Inter", system-ui, sans-serif;

    --fondo: #f6f7fb;
    --texto: #3c4257;
    --texto-fuerte: #171c2e;
    --texto-suave: #8b90a3;

    --primario: #4f46e5;
    --primario-contraste: #ffffff;
    --acento: #f43f5e;
    --acento-contraste: #ffffff;
    --precio: #4f46e5;

    --header-fondo: rgba(255, 255, 255, .92);
    --tarjeta-fondo: #ffffff;
    --campo-fondo: #ffffff;
    --suave: #eef0f7;
    --borde: #e3e6ef;
    --pie-fondo: #ffffff;

    --hero-fondo: linear-gradient(120deg, #eef2ff 0%, #e0f2fe 55%, #cffafe 100%);
    --hero-texto: #171c2e;
    --hero-texto-suave: #4b5372;

    --ok-fondo: #dcfce7;   --ok-texto: #15803d;
    --error-fondo: #fee2e2; --error-texto: #b91c1c;
    --warn-fondo: #fef3c7;  --warn-texto: #a16207;
    --info-fondo: #dbeafe;  --info-texto: #1d4ed8;

    --radio: 10px;
    --radio-grande: 16px;
    --sombra: 0 10px 30px rgba(23, 28, 46, .10);
}