/* ==========================================================================
   tokens.css — 设计变量单一事实来源
   --------------------------------------------------------------------------
   取值沿用 Arco Design 官方色板，保持与现有视觉完全一致。
   本文件的目的不是改变外观，而是把原先散落在 3545 行单文件里的硬编码颜色
   收敛到一处 —— 此前改一个颜色需要全文搜索十几处。

   命名约定:
     --c-*      颜色
     --sp-*     间距
     --fs-*     字号
     --r-*      圆角
     --z-*      层级
   ========================================================================== */

:root {
    /* ── 涨跌色 (A股习惯: 红涨绿跌) ───────────────────────── */
    --c-up: #f53f3f;
    --c-down: #00b42a;
    --c-flat: #86909c;

    /* 涨跌背景色 (用于表格行/色块底色) */
    --c-up-bg: rgba(245, 63, 63, 0.04);
    --c-up-bg-strong: #fff1f0;
    --c-up-bg-light: #fffbfe;
    --c-down-bg: #f6ffed;
    --c-down-bg-strong: #b7eb8f;
    --c-limit-up-bg: #f9f0ff;
    /* 涨停紫 */
    --c-limit-up: #722ed1;
    --c-limit-up-border: #d3adf7;
    --c-limit-down-bg: #003a8c;
    /* 跌停深蓝 */
    --c-limit-down-border: #002766;

    /* ── Arco 基础色 ─────────────────────────────────────── */
    --c-primary: #165dff;
    --c-info: #1890ff;
    --c-success: #00b42a;
    --c-warning: #ff7d00;
    --c-danger: #f53f3f;

    /* ── 中性色 (Arco 灰阶) ──────────────────────────────── */
    --c-bg: #f2f3f5;
    /* 页面底色 */
    --c-panel: #ffffff;
    /* 卡片/面板 */
    --c-border: #e5e6eb;
    --c-border-light: #f0f0f0;
    --c-text: #1d2129;
    /* 主文字 */
    --c-text-sub: #4e5969;
    /* 次要文字 */
    --c-text-dim: #86909c;
    /* 弱化文字 */
    --c-text-placeholder: #c9cdd4;
    --c-fill: #f5f5f5;
    /* 中性填充 */

    /* 板块/排名标签色 */
    --c-sector: #409eff;
    --c-rank: #67c23a;

    /* ── 间距 ────────────────────────────────────────────── */
    --sp-xs: 4px;
    --sp-sm: 8px;
    --sp-md: 12px;
    --sp-lg: 16px;
    --sp-xl: 20px;

    /* ── 字号 ────────────────────────────────────────────── */
    --fs-xs: 11px;
    --fs-sm: 12px;
    --fs-base: 13px;
    --fs-md: 14px;
    --fs-lg: 16px;
    --fs-xl: 20px;
    --fs-xxl: 24px;

    /* ── 圆角 ────────────────────────────────────────────── */
    --r-sm: 2px;
    --r-md: 4px;
    --r-lg: 8px;

    /* ── 布局尺寸 ────────────────────────────────────────── */
    --h-header: 60px;

    /* ── 层级 ────────────────────────────────────────────── */
    --z-dropdown: 200;
    --z-modal: 1000;

    /* ── 阴影 ────────────────────────────────────────────── */
    --shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);

    /* ── 字体 ────────────────────────────────────────────── */
    --font-sans: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-mono: 'SF Mono', Menlo, Consolas, monospace;
}