/* ============================================
   Design Tokens — 暗色主题
   ============================================ */

:root {
    /* 背景色 */
    --color-bg: #0f1117;
    --color-bg-elevated: #1a1d27;
    --color-bg-surface: #222639;
    --color-bg-hover: #2a2f45;

    /* 文字色 */
    --color-text: #e4e6ed;
    --color-text-secondary: #9397a6;
    --color-text-muted: #5f6378;

    /* 品牌色 */
    --color-primary: #818cf8;
    --color-primary-hover: #a5b4fc;
    --color-primary-bg: rgba(129, 140, 248, 0.12);

    /* 功能色 */
    --color-success: #34d399;
    --color-warning: #fbbf24;
    --color-danger: #f87171;
    --color-danger-hover: #fca5a5;

    /* 边框 */
    --color-border: #2a2f45;
    --color-border-light: #1e2235;

    /* 间距 (4px base) */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;

    /* 圆角 */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-full: 9999px;

    /* 阴影 */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-modal: 0 8px 32px rgba(0, 0, 0, 0.6);

    /* 字体 */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --font-mono: "SF Mono", "JetBrains Mono", monospace;

    /* 字号 */
    --text-xs: 11px;
    --text-sm: 13px;
    --text-base: 15px;
    --text-md: 17px;
    --text-lg: 20px;
    --text-xl: 24px;
    --text-2xl: 28px;

    /* 字重 */
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* 过渡 */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;

    /* z-index */
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-modal: 400;
    --z-toast: 500;

    /* 布局 */
    --navbar-height: 56px;
    --container-max: 1200px;
}