:root {
    --bg-primary: linear-gradient(135deg, #f3f7ff 0%, #eef6fb 45%, #f8fafd 100%);
    --bg-bodyyy: #f6f8fb;
    --bg-secondary: #ffffff;
    --bg-onlyforcompactnav: #0b1220;
    --bg-card: rgba(255, 255, 255, 0.88);
    --bg-header: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.35) 100%);
    --bg-button: linear-gradient(135deg, #6d28d9 0%, #06b6d4 100%);
    --bg-button-hover: linear-gradient(135deg, #5b21b6 0%, #0891b2 100%);
    --bg-send: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --bg-send-hover: linear-gradient(135deg, #059669 0%, #047857 100%);
    --bg-messages: rgba(250, 252, 255, 0.85);
    --bg-message: rgba(255, 255, 255, 0.96);
    --bg-input: rgba(255, 255, 255, 0.95);
    --text-primary: #0b1220;
    --text-secondary: #475569;
    --text-light: #0b1220;
    --text-muted: #6b7280;
    --text-sender: #0ea5a4;
    --text-timestamp: #64748b;
    --border-color: rgba(15, 23, 42, 0.06);
    --border-focus: #6d28d9;
    --shadow-light: 0 6px 18px -6px rgba(13, 21, 34, 0.08), 0 2px 6px rgba(13,21,34,0.04);
    --shadow-medium: 0 12px 30px -8px rgba(13, 21, 34, 0.12);
    --shadow-heavy: 0 30px 80px -20px rgba(13, 21, 34, 0.25);
    --error-bg: #fef2f2;
    --error-text: #dc2626;
    --error-border: #fecaca;
    --success-bg: #f0fdf4;
    --success-text: #16a34a;
    --success-border: #bbf7d0;
    --spinner-color: #3b82f6;
    --primary: #8c6eff;
    --primary-light: #a892ff;
    --gradient-primary: linear-gradient(135deg, #6d28d9 0%, #06b6d4 100%);
    --gradient-secondary: linear-gradient(135deg, rgba(109,40,217,0.08) 0%, rgba(6,182,212,0.04) 100%);
    --sidebar-width: 430px;
    --bg-pattern: repeating-linear-gradient(135deg, rgba(13,21,34,0.02) 0px, rgba(13,21,34,0.02) 1px, transparent 1px, transparent 20px);
}
[data-theme="dark"] {
    --bg-primary: linear-gradient(135deg, #071427 0%, #0d2233 60%, #08121a 100%);
    --bg-bodyyy: #06131f;
    --bg-secondary: linear-gradient(180deg, rgba(8,18,27,0.6), rgba(10,25,36,0.6));
    --bg-card: rgba(6, 18, 27, 0.75);
    --bg-header: linear-gradient(180deg, rgba(10,25,36,0.6) 0%, rgba(8,18,27,0.4) 100%);
    --bg-button: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    --bg-button-hover: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --bg-send: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --bg-send-hover: linear-gradient(135deg, #059669 0%, #047857 100%);
    --bg-messages: rgba(2,10,19,0.5);
    --bg-message: rgba(9,20,30,0.72);
    --bg-input: rgba(10,20,30,0.7);
    --text-primary: #e6f0f6;
    --text-secondary: #9fb0c0;
    --text-light: #ffffff;
    --text-muted: #7b8a98;
    --text-sender: #7dd3fc;
    --text-timestamp: #9aa9b6;
    --border-color: rgba(255,255,255,0.04);
    --border-focus: #60a5fa;
    --shadow-light: 0 6px 18px -6px rgba(0,0,0,0.5);
    --shadow-medium: 0 12px 30px -8px rgba(0,0,0,0.6);
    --shadow-heavy: 0 30px 80px -20px rgba(0,0,0,0.75);
    --error-bg: rgba(220, 38, 38, 0.08);
    --error-text: #fca5a5;
    --error-border: rgba(220, 38, 38, 0.18);
    --success-bg: rgba(22, 163, 74, 0.08);
    --success-text: #86efac;
    --success-border: rgba(22, 163, 74, 0.12);
    --spinner-color: #60a5fa;
}