/* GLOBAL VARIABLES */
:root {
    --radius: 14px;

    --accent: #736BFF;

    --glass-bg: rgba(255,255,255,0.08);
    --glass-bg-strong: rgba(255,255,255,0.12);
    --glass-border: rgba(255,255,255,0.15);
    --glass-blur: 18px;

    --text: #f0f0f0;
    --text-soft: #dedede;

    --panel-bg: rgba(0,0,0,0.35);
    --panel-border: rgba(255,255,255,0.1);

    --bubble-user-bg: rgba(115,107,255,0.22);
    --bubble-ai-bg: rgba(255,255,255,0.08);
}

/* TRUE BLACK THEME */
.theme-black {
    --glass-bg: rgba(255,255,255,0.03);
    --glass-bg-strong: rgba(255,255,255,0.04);
    --panel-bg: rgba(0,0,0,0.7);
    --text: #fff;
    --bubble-user-bg: rgba(255,255,255,0.06);
    --bubble-ai-bg: rgba(255,255,255,0.04);
}

/* HEAVENLY LIGHT */
.theme-heaven {
    --glass-bg: rgba(255,255,255,0.45);
    --glass-border: rgba(255,255,255,0.6);
    --text: #333;
    --bubble-user-bg: rgba(255,255,255,0.65);
    --bubble-ai-bg: rgba(255,230,150,0.35);
}

/* UNIVERSE DARK */
.theme-universe {
    --glass-bg: rgba(0,0,0,0.3);
    --glass-border: rgba(255,255,255,0.08);
    --text: #eee;
    --bubble-user-bg: rgba(115,107,255,0.25);
    --bubble-ai-bg: rgba(0,0,0,0.45);
}

/* GLASS STYLE */
.glass {
    backdrop-filter: blur(var(--glass-blur));
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius);
}