/*
 * 全局设计令牌（Design Tokens）
 *
 * 所有页面统一在 <head> 最前面引入本文件；页面内的 :root 只保留"差异项"，
 * 公共颜色 / 字体 / 阴影 / 圆角一律从这里取，避免多份定义漂移。
 */
:root {
    /* ---------- 字体 ---------- */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;

    /* ---------- 主色 ---------- */
    --primary: #4f46e5;
    --primary-hover: #4338ca;
    --primary-light: #6366f1;
    --primary-glow: rgba(79, 70, 229, 0.18);

    /* ---------- 背景与边框 ---------- */
    --bg-main: #f8fafc;
    --bg-color: var(--bg-main);
    --bg-subtle: #f8fafc;
    --card-bg: #ffffff;
    --card-border: #e2e8f0;
    --border-color: #e2e8f0;

    /* ---------- 文本 ---------- */
    --text-main: #0f172a;
    --text-body: #334155;
    --text-dim: #64748b;
    --text-light: #94a3b8;
    --text-muted: #94a3b8;

    /* ---------- 语义色（A股习惯：红涨绿跌，--accent-up 为红色） ---------- */
    --accent-up: #ef4444;
    --accent-down: #10b981;
    --header-idx: #f59e0b;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --error: #ef4444;

    /* ---------- 阴影 ---------- */
    --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.04);
    --shadow-md: 0 4px 12px -2px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 12px 28px -6px rgba(15, 23, 42, 0.12);

    /* ---------- 圆角 ---------- */
    --radius-sm: 6px;
    --radius: 10px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    color-scheme: light;
}

/*
 * 暗色模式：只覆盖令牌，页面样式继续复用同一套变量，避免出现两套配色。
 * 切换入口由 <html data-theme="dark"> 控制（见 index-workbench.js 的 initTheme/toggleTheme），
 * 首屏为防闪烁，index.html 的 <head> 内联脚本会在渲染前先写入属性。
 */
[data-theme="dark"] {
    --bg-main: #0b1220;
    --bg-color: #0b1220;
    --bg-subtle: #0f172a;
    --card-bg: #111a2b;
    --card-border: #1e293b;
    --border-color: #1e293b;
    --text-main: #e2e8f0;
    --text-body: #cbd5e1;
    --text-dim: #94a3b8;
    --text-light: #64748b;
    --text-muted: #64748b;
    --primary: #6366f1;
    --primary-hover: #818cf8;
    --primary-glow: rgba(99, 102, 241, 0.25);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 4px 12px -2px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 12px 28px -6px rgba(0, 0, 0, 0.55);
    color-scheme: dark;
}