/* ==================================================================
   TEMA MOCHI — kawaii pastel multicolor (lavanda + menta + durazno).
   Redondeado, tipografía Comfortaa. Suave y juvenil, estilo "soft/cute".
   ================================================================== */
:root {
    --fuente-titulos: "Comfortaa", "Quicksand", system-ui, sans-serif;
    --fuente-cuerpo: "Quicksand", system-ui, sans-serif;

    --fondo: #f6f5ff;
    --texto: #6b6790;
    --texto-fuerte: #4a4470;
    --texto-suave: #a9a4c9;

    --primario: #a78bfa;
    --primario-contraste: #ffffff;
    --acento: #6ee7b7;
    --acento-contraste: #0f5132;
    --precio: #8b5cf6;

    --header-fondo: rgba(246, 245, 255, .9);
    --tarjeta-fondo: #ffffff;
    --campo-fondo: #fbfaff;
    --suave: #efeaff;
    --borde: #e2dcfb;
    --pie-fondo: #f1eeff;

    --hero-fondo: linear-gradient(125deg, #e9e2ff 0%, #d9f7ea 50%, #ffe9d6 100%);
    --hero-texto: #4a4470;
    --hero-texto-suave: #837daf;

    --ok-fondo: #d5f6e6;   --ok-texto: #199e63;
    --error-fondo: #ffe1ea; --error-texto: #e0537f;
    --warn-fondo: #fdf0d5;  --warn-texto: #c58a1c;
    --info-fondo: #e2e8ff;  --info-texto: #6070d0;

    --radio: 18px;
    --radio-grande: 26px;
    --sombra: 0 14px 34px rgba(167, 139, 250, .2);
}

body { font-weight: 500; }
.btn {
    background: linear-gradient(120deg, #a78bfa, #6ee7b7);
    color: #3b356b; box-shadow: 0 6px 18px rgba(167, 139, 250, .35);
}
.btn:hover { filter: brightness(1.04); }
.tarjeta:hover { box-shadow: 0 16px 36px rgba(167, 139, 250, .22); }
.tarjeta-descuento { background: var(--acento); color: var(--acento-contraste); }
.categoria-tarjeta:hover { border-color: var(--acento); }
.etiqueta { background: #fff; color: var(--primario); border: 1.5px solid var(--primario); }