/*
 * 设计变量。外观基准是常见 IDE 的暗色主题（VS Code Dark+ / One Dark 一脉），
 * 约束：直角或小圆角、1px 细边框、无重阴影、强调色只出现在可交互元素上。
 * 不使用霓虹渐变堆叠——"科技感"靠等宽字体与克制的留白表达。
 */
:root {
    /* 背景层次：页面 -> 面板 -> 悬浮/输入 */
    --bg-0: #1e1f22;
    --bg-1: #2b2d30;
    --bg-2: #35373b;
    --border: #3c3f41;
    --border-strong: #4e5254;

    /* 文字层次：正文 -> 次要 -> 禁用 */
    --fg-0: #dfe1e5;
    --fg-1: #9da0a8;
    --fg-2: #6f737a;

    --accent: #4c9aff;
    --accent-hover: #74b1ff;
    --success: #7ee787;
    --warn: #e5c07b;
    --danger: #e06c75;

    --code-bg: #282c34;
    --selection: rgba(76, 154, 255, 0.28);

    --font-ui: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-mono: "JetBrains Mono", "Fira Code", Consolas, "Courier New", monospace;

    --radius: 6px;
    --radius-sm: 4px;

    /* 内容区最大宽度：正文单行控制在舒适阅读的字符数内 */
    --content-width: 780px;
    --wide-width: 1180px;

    --sidebar-width: 220px;
    --nav-height: 56px;
    --transition: 140ms ease;
}