/* ===== USER THEME ===== */
:root {
    --sidebar-width: 260px;
    --sidebar-collapsed: 72px;
    --header-height: 64px;
    --bg-primary: #f1f5f9;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-card-hover: #f8fafc;
    --border-color: #e2e8f0;
    --text-primary: #0f172a;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --accent: #1b6ebe;
    --accent-light: #3d8fd4;
    --accent-glow: rgba(27, 110, 190, 0.1);
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;
    --brand-gradient: linear-gradient(135deg, #1b6ebe, #155a9e);
    --brand-glow: 0 4px 16px rgba(27, 110, 190, 0.3);
    --avatar-gradient: linear-gradient(135deg, #1b6ebe, #3d8fd4);
}

[data-theme="dark"] {
    --bg-primary: #0a0e1a;
    --bg-secondary: #0f172a;
    --bg-card: rgba(15, 23, 42, 0.85);
    --bg-card-hover: rgba(30, 41, 59, 0.6);
    --border-color: rgba(71, 85, 105, 0.3);
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --accent: #3d8fd4;
    --accent-light: #5ba8e6;
    --accent-glow: rgba(27, 110, 190, 0.1);
    --brand-gradient: linear-gradient(135deg, #1b6ebe, #155a9e);
    --brand-glow: 0 4px 16px rgba(27, 110, 190, 0.3);
    --avatar-gradient: linear-gradient(135deg, #1b6ebe, #3d8fd4);
}