body.theme-corporate {
    --bg-body: #f8fafc;
    --bg-card: #ffffff;
    --bg-sidebar: #ffffff;
    --bg-sidebar-active: #eff6ff;
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --accent: #2563eb;
    --accent-light: #dbeafe;
    --accent-text: #1d4ed8;
    --border: #e2e8f0;
    --hover: #f1f5f9;
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #d97706;
    --radius: 8px;
}

body.theme-pastel {
    --bg-body: #faf8f5;
    --bg-card: #ffffff;
    --bg-sidebar: #fefcf9;
    --bg-sidebar-active: #f0fdfa;
    --text-primary: #1c1917;
    --text-secondary: #57534e;
    --text-muted: #a8a29e;
    --accent: #0d9488;
    --accent-light: #ccfbf1;
    --accent-text: #0f766e;
    --border: #e7e5e4;
    --hover: #f5f5f4;
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #d97706;
    --radius: 12px;
}

body.theme-slack {
    --bg-body: #f8f8f8;
    --bg-card: #ffffff;
    --bg-sidebar: #f5f0ff;
    --bg-sidebar-active: #ede5ff;
    --text-primary: #1a1a2e;
    --text-secondary: #4a4a68;
    --text-muted: #8888a0;
    --accent: #7c3aed;
    --accent-light: #ede9fe;
    --accent-text: #6d28d9;
    --border: #e5e5e5;
    --hover: #f0f0f0;
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #d97706;
    --radius: 8px;
}

body.theme-dashboard {
    --bg-body: #f9fafb;
    --bg-card: #ffffff;
    --bg-sidebar: #ffffff;
    --bg-sidebar-active: #eef2ff;
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --text-muted: #9ca3af;
    --accent: #4f46e5;
    --accent-light: #e0e7ff;
    --accent-text: #4338ca;
    --border: #e5e7eb;
    --hover: #f3f4f6;
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #d97706;
    --radius: 6px;
}

body.theme-nordic {
    --bg-body: #ffffff;
    --bg-card: #ffffff;
    --bg-sidebar: #ffffff;
    --bg-sidebar-active: #ecfdf5;
    --text-primary: #18181b;
    --text-secondary: #52525b;
    --text-muted: #a1a1aa;
    --accent: #059669;
    --accent-light: #d1fae5;
    --accent-text: #047857;
    --border: #f4f4f5;
    --hover: #fafafa;
    --success: #16a34a;
    --danger: #dc2626;
    --warning: #d97706;
    --radius: 6px;
}

/* Sidebar nav links */
.sidebar-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    border-radius: var(--radius);
    color: var(--text-secondary);
    transition: background 0.15s;
}

.sidebar-link:hover {
    background: var(--hover);
}

.sidebar-link-active {
    background: var(--bg-sidebar-active) !important;
    color: var(--accent-text) !important;
    font-weight: 500;
}

/* Theme switcher options */
.theme-option {
    width: 100%;
    text-align: left;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: background 0.15s;
    color: var(--text-primary);
    cursor: pointer;
    border: none;
    background: none;
}

.theme-option:hover {
    background: var(--hover);
}

.theme-option:first-child {
    border-radius: var(--radius) var(--radius) 0 0;
}

.theme-option:last-child {
    border-radius: 0 0 var(--radius) var(--radius);
}

/* Resizable sidebar */
.sidebar-resizable {
    resize: horizontal;
    overflow: hidden;
    min-width: 180px;
    max-width: 400px;
}

.sidebar-resizable::-webkit-resizer {
    display: none;
}

.sidebar-resize-handle {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    cursor: col-resize;
    background: transparent;
    transition: background 0.15s;
    z-index: 10;
}

.sidebar-resize-handle:hover,
.sidebar-resize-handle.active {
    background: var(--accent);
    opacity: 0.5;
}