:root {
    --bg-body: #f4f7fb;
    --bg-card: #ffffff;
    --bg-sidebar: #111827;
    --bg-topbar: #ffffff;
    --text-main: #1f2937;
    --text-muted: #6b7280;
    --text-sidebar: #e5e7eb;
    --accent: #2563eb;
    --accent-soft: #dbeafe;
    --border-color: #e5e7eb;
    --shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.06);
    --radius-lg: 18px;
    --radius-md: 14px;
}

body.theme-dark {
    --bg-body: #0f172a;
    --bg-card: #1e293b;
    --bg-sidebar: #020617;
    --bg-topbar: #1e293b;
    --text-main: #f1f5f9;
    --text-muted: #94a3b8;
    --text-sidebar: #e2e8f0;
    --accent: #60a5fa;
    --accent-soft: #1e3a8a;
    --border-color: #334155;
    --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.25);
}