:root {
    --bg: #f5f7fb;
    --surface: #ffffff;
    --surface-2: #f8fafc;
    --text: #0f172a;
    --muted: #64748b;
    --line: #e2e8f0;
    --line-strong: #cbd5e1;
    --primary: #4f46e5;
    --primary-soft: rgba(79,70,229,0.12);
    --success: #16a34a;
    --success-soft: rgba(22,163,74,0.12);
    --danger: #dc2626;
    --danger-soft: rgba(220,38,38,0.12);
    --warning: #d97706;
    --warning-soft: rgba(217,119,6,0.12);
    --info: #0f766e;
    --info-soft: rgba(15,118,110,0.12);
    --shadow: 0 18px 40px rgba(15,23,42,0.08);
    --radius: 18px;
    --sidebar: linear-gradient(180deg, #0f172a 0%, #111827 100%);
    --sidebar-text: rgba(255,255,255,0.72);
    --sidebar-active: rgba(255,255,255,0.12);
}
body { font-family: Inter, "Segoe UI", Arial, sans-serif; background: linear-gradient(180deg, #f6f8fc 0%, #edf2ff 100%); color: var(--text); }
code { font-family: Consolas, Monaco, monospace; }