:root {
    --bg-page: #f1f5f9;
    --bg-card: #ffffff;
    --bg-sidebar: #334155;
    --bg-sidebar-hover: #475569;
    --bg-header: #ffffff;
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --primary-light: rgba(37, 99, 235, 0.1);
    --text: #1e293b;
    --text-muted: #64748b;
    --text-sidebar: #94a3b8;
    --text-sidebar-active: #ffffff;
    --border: #e2e8f0;
    --border-light: #f1f5f9;
    --accent-blue: #0ea5e9;
    --accent-green: #10b981;
    --accent-amber: #f59e0b;
    --accent-rose: #ef4444;
    --accent-violet: #8b5cf6;
    --shadow: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-card: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05);
    --shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.04);
    --radius: 12px;
    --radius-lg: 16px;
}