/* =========================================================
   variables.css — 设计令牌（Design Tokens）
   风格参考：ChatGPT 深色主题
   ========================================================= */

:root {
    /* ===== Color · 背景层级 ===== */

    --bg: #111111;
    --bg-secondary: #151515;
    --bg-tertiary: #222222;
    --bg-workspace: #0a0a0a;

    --surface: #1a1a1a;
    --surface-hover: #1c1c1c;
    --surface-active: #252525;

    --border: rgba(255, 255, 255, .10);
    --border-light: rgba(255, 255, 255, .06);

    /* ===== Color · 文字 ===== */

    --text: #ececec;
    --text-secondary: #b4b4b4;
    --text-tertiary: #8d8d8d;
    --text-disabled: #666666;

    /* ===== Color · 强调 ===== */

    --primary: #ffffff;
    --primary-hover: #f5f5f5;

    --success: #10a37f;
    --warning: #f5b342;
    --danger: #ef4444;

    /* ===== Color · 链接 ===== */

    --link: #7cc5ff;
    --link-hover: #9fd7ff;

    /* ===== Color · 输入 ===== */

    --input-bg: #222222;
    --input-border: rgba(255, 255, 255, .08);
    --input-focus: #10a37f;

    /* ===== Color · 按钮 ===== */

    --button-bg: #303030;
    --button-hover: #3a3a3a;
    --button-active: #464646;

    --button-primary-bg: #ffffff;
    --button-primary-text: #111111;
    --button-primary-hover: #f2f2f2;

    /* ===== Color · 消息气泡（AI对话用） ===== */

    --bubble-user: #2f2f2f;
    --bubble-ai: transparent;
    --bubble-border: rgba(255, 255, 255, .08);

    /* ===== Color · 代码块 ===== */

    --code-bg: #1e1e1e;
    --code-border: rgba(255, 255, 255, .08);

    /* ===== Shadow ===== */

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);
    --shadow-md: 0 6px 20px rgba(0, 0, 0, .30);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, .45);

    /* ===== Radius ===== */

    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 999px;

    /* ===== Transition ===== */

    --transition-fast: .15s ease;
    --transition: .25s ease;
    --transition-slow: .4s ease;

    /* ===== Typography ===== */

    --font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    --font-mono:
        "JetBrains Mono",
        "Fira Code",
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;

    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;

    --line-height: 1.6;

    /* ===== Layout ===== */

    --sidebar-width: 200px;
    --sidebar-width-collapsed: 64px;
    --header-height: 56px;

    --content-max-width: 1680px;
    --content-wide-max-width: 1024px;

    /* ===== Spacing（4px 基准） ===== */

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

    /* ===== Z-Index 层级 ===== */

    --z-dropdown: 100;
    --z-sticky: 200;
    --z-modal: 300;
    /* toast 必须高于各模块自定义的抽屉/弹窗层级（模块里最高到 10050），否则弹窗打开时提示看不见 */
    --z-toast: 20000;
    --z-tooltip: 500;
}