[data-theme="light"] {
    --bg: #f3f4f6;
    --sidebar-bg: rgba(255, 255, 255, 0.85);
    --topbar-bg: rgba(255, 255, 255, 0.85);
    --card-bg: #ffffff;
    --card-bg-hover: #fafafa;
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --text-tertiary: #9ca3af;
    --border: #e5e7eb;
    --nav-hover: rgba(99, 102, 241, 0.08);
    --input-bg: #fafafa;
    --input-border: #e5e7eb;
    --table-stripe: #f9fafb;
    --overlay: rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] {
    --bg: #0f172a;
    --sidebar-bg: rgba(30, 41, 59, 0.85);
    --topbar-bg: rgba(30, 41, 59, 0.85);
    --card-bg: #1e293b;
    --card-bg-hover: #334155;
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-tertiary: #64748b;
    --border: #334155;
    --nav-hover: rgba(99, 102, 241, 0.15);
    --input-bg: #0f172a;
    --input-border: #334155;
    --table-stripe: #1a2438;
    --overlay: rgba(0, 0, 0, 0.7);
    --primary-light: rgba(99, 102, 241, 0.2);
    --success-light: rgba(16, 185, 129, 0.2);
    --danger-light: rgba(239, 68, 68, 0.2);
}