/* 设计 token：颜色 / 圆角 / 阴影 / 间距 / 层级 / 断点。
   所有组件样式只引用这里的变量，不写魔法值。 */

:root {
    --bg: #0B0D12;
    --bg-elevated: #12151D;
    --panel: #1A1E27;
    --panel-alt: #161A22;
    --sidebar: #11141B;
    --line: #2A2F3C;
    --line-strong: #363C4B;

    --text: #E5E7EB;
    --text-strong: #F8FAFC;
    --muted: #94A3B8;
    --muted-soft: #64748B;

    --brand: #6366F1;
    --brand-strong: #4F46E5;
    --accent: #8B5CF6;
    --accent-soft: rgba(139, 92, 246, 0.14);
    --brand-soft: rgba(99, 102, 241, 0.14);

    --danger: #F43F5E;
    --danger-soft: rgba(244, 63, 94, 0.14);
    --success: #10B981;
    --success-soft: rgba(16, 185, 129, 0.14);
    --warning: #F59E0B;
    --warning-soft: rgba(245, 158, 11, 0.14);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.28);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.55);
    --ring: 0 0 0 3px rgba(99, 102, 241, 0.28);

    --radius-sm: 6px;
    --radius: 8px;
    --radius-md: 10px;
    --radius-lg: 12px;
    --radius-xl: 16px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;

    --sidebar-width: 240px;
    --sidebar-collapsed: 64px;
    --topbar-height: 64px;

    --z-drawer: 900;
    --z-modal: 1000;
    --z-toast: 1100;

    --font-sans: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}