:root {
    /* Основні кольори  */
    --primary-color: #32a852;
    --gradient: linear-gradient(135deg, var(--primary-color), #4338CA);
    --primary-hover: #216934;

    /* Кольори тексту */
    --text-main: #0F172A;
    --text-color: #1F2937;
    --text-muted: #64748B;

    /* Кольори фону  */
    --chat-bg: #F8FAFC;
    --sidebar-bg: #FFFFFF;
    --hover-bg: #F1F5F9;
    --active-bg: #EFF6FF;
    --input-bg: rgba(255, 255, 255, 0.9);

    /* Рамки  */
    --border-color: #E2E8F0;
    --input-border: #D1D5DB;

    /* Ефекти для Glassmorphism  */
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(0, 0, 0, 0.05);
    --glass-blur: blur(20px);
}

body.dark-theme {
    --chat-bg: #0F172A;
    --sidebar-bg: #1E293B;
    --hover-bg: #334155;
    --active-bg: #0F172A;
    --input-bg: rgba(15, 23, 42, 0.9);
    
    --border-color: #334155;
    --input-border: #475569;
    
    --text-main: #F8FAFC;
    --text-color: #F3F4F6;
    --text-muted: #94A3B8;

    --glass-bg: rgba(30, 41, 59, 0.85);
    --glass-border: rgba(255, 255, 255, 0.05);
}