/* ==========================================================
   PromoTV
   Cenas (Themes)
==========================================================*/

/*==========================================================
BASE
==========================================================*/

:root{

    --background:linear-gradient(135deg,#081327,#164AA8,#5B3DF5);

    --text:#FFFFFF;

    --subtitle:#CBD5E1;

    --glass:rgba(255,255,255,.08);

    --glass-border:rgba(255,255,255,.18);

    --price-bg:#FFFFFF;

    --price-color:#111827;

    --badge:#2563EB;

    --glow:#60A5FA;

    --ring:rgba(255,255,255,.20);

}

/*==========================================================
🎬 PREMIUM
==========================================================*/

.theme-premium{

    --background:
    linear-gradient(
        135deg,
        #071A3A,
        #164AA8,
        #5B3DF5
    );

    --text:#FFFFFF;

    --subtitle:#CBD5E1;

    --glass:rgba(255,255,255,.08);

    --glass-border:rgba(255,255,255,.18);

    --price-bg:#FFFFFF;

    --price-color:#111827;

    --badge:#2563EB;

    --glow:#60A5FA;

    --ring:rgba(255,255,255,.18);

}

/*==========================================================
☀️ LIGHT
==========================================================*/

.theme-light{

    --background:
    linear-gradient(
        135deg,
        #FFFFFF,
        #F5F7FB,
        #EDF2F7
    );

    --text:#1E293B;

    --subtitle:#64748B;

    --glass:rgba(255,255,255,.90);

    --glass-border:rgba(0,0,0,.08);

    --price-bg:#2563EB;

    --price-color:#FFFFFF;

    --badge:#2563EB;

    --glow:#BFD8FF;

    --ring:rgba(37,99,235,.15);

}

/*==========================================================
🥬 MARKET
==========================================================*/

.theme-market{

    --background:
    linear-gradient(
        135deg,
        #0F5132,
        #198754,
        #63C56E
    );

    --text:#FFFFFF;

    --subtitle:#D7FFE0;

    --glass:rgba(255,255,255,.10);

    --glass-border:rgba(255,255,255,.20);

    --price-bg:#FFC107;

    --price-color:#111827;

    --badge:#198754;

    --glow:#5EEB7B;

    --ring:rgba(255,255,255,.20);

}

/*==========================================================
🥩 AÇOUGUE
==========================================================*/

.theme-butcher{

    --background:
    linear-gradient(
        135deg,
        #520A10,
        #B91C1C,
        #EF4444
    );

    --text:#FFFFFF;

    --subtitle:#FFE5E5;

    --glass:rgba(255,255,255,.10);

    --glass-border:rgba(255,255,255,.15);

    --price-bg:#FFFFFF;

    --price-color:#991B1B;

    --badge:#DC2626;

    --glow:#FF7070;

    --ring:rgba(255,255,255,.18);

}

/*==========================================================
💄 MODA
==========================================================*/

.theme-fashion{

    --background:
    linear-gradient(
        135deg,
        #33145A,
        #6D28D9,
        #C084FC
    );

    --text:#FFFFFF;

    --subtitle:#F1E8FF;

    --glass:rgba(255,255,255,.10);

    --glass-border:rgba(255,255,255,.15);

    --price-bg:#FFFFFF;

    --price-color:#5B21B6;

    --badge:#9333EA;

    --glow:#C084FC;

    --ring:rgba(255,255,255,.18);

}

/*==========================================================
🖤 BLACK FRIDAY
==========================================================*/

.theme-black{

    --background:
    linear-gradient(
        135deg,
        #111111,
        #1F1F1F,
        #303030
    );

    --text:#FFFFFF;

    --subtitle:#D1D5DB;

    --glass:rgba(255,255,255,.05);

    --glass-border:rgba(255,255,255,.12);

    --price-bg:#FFD700;

    --price-color:#111111;

    --badge:#FACC15;

    --glow:#FFD700;

    --ring:rgba(255,215,0,.25);

}

/*==========================================================
🎄 NATAL
==========================================================*/

.theme-christmas{

    --background:
    linear-gradient(
        135deg,
        #0B4F2D,
        #146C43,
        #C1121F
    );

    --text:#FFFFFF;

    --subtitle:#F1FFF3;

    --glass:rgba(255,255,255,.10);

    --glass-border:rgba(255,255,255,.18);

    --price-bg:#FFFFFF;

    --price-color:#0B4F2D;

    --badge:#C1121F;

    --glow:#FFD54A;

    --ring:rgba(255,255,255,.20);

}