/* ============================================================
 * tokens.css — 全站设计令牌 + 通用重置
 * 唯一需要改颜色/字体/间距的地方。:host 保证 Shadow DOM 内也能拿到变量。
 * ============================================================ */
:root, :host {
    /* 背景 */
    --page-grad:    radial-gradient(ellipse at 55% 50%, #0f1f4a 0%, #0f1f4a 20%, #1a2a6c 40%, #3f639a 70%, #6a8cc2 100%); /* 全站径向渐变：椭圆 + 微偏移，自然海面感 */
    --shadow-float: 0 6px 20px rgba(20, 40, 80, .22);  /* 卡片浮岛投影 */
    --bg-page:   #3f639a;   /* 页面底色（渐变加载前/超矮屏兜底） */
    --bg-card:   #eef3fb;   /* 卡片/工具条/图框面板底色（淡蓝白） */
    --bg-white:  #fff;      /* 按钮/下拉等交互白（需在卡片上凸显） */
    --bg-th:     #dbe7f7;   /* 表头底色 */
    --text-th:   #23406e;   /* 表头文字（蓝） */
    --bg-zebra:  #f4f8fd;   /* 表格隔行斑马 */
    --bg-hover:  #e2edfb;   /* 悬停/折叠行 */
    --bg-hover-strong: #e3ebf5; /* 折叠行悬停（比 --bg-hover 略深，可感知） */
    --bg-hit:    #dff0df;   /* 命中/买入绿 */
    --bg-sell:   #fbf3cf;   /* 卖出黄 */
    --bg-warn:   #fff3cd;   /* 警告框 */

    /* 边框 */
    --border:        #cdd9ec; /* 卡片/图框 */
    --border-table:  #c3d2e8;  /* 表格线（蓝灰） */
    --border-soft:   #d3e0f2;  /* 图表外框 */
    --border-input:  #ccc;     /* 表单控件/切换按钮描边 */

    /* 文字 */
    --text-strong: #1a202c;
    --text-dark:   #2d3748;
    --text-mid:    #4a5568;
    --text-muted:  #8a94a6;
    --text-faint:  #9aa4b2;
    --text-warn:   #856404;
    --text-key:    #c62828;

    /* 主题色 */
    --green:   #2d8f2d;  /* 主强调/激活 */
    --accent-on-dark: #8fc2ff; /* 暗底上的强调条（page-title 左竖条）；原名 --green-bright 为失真命名 */
    --blue:    #5470c6;  /* 季度切换激活 */
    --orange:  #f08c46;  /* 阈值参考线 */

    /* ============================================================
     * 通用 Card 语义色（把各卡重复/两族并存的色收敛为一套）
     * 命名前缀 --c-*（状态）/ --tx-* --ln-*（中性）/ --chip-*（徽章）。新语义用这些，
     * 旧 --green/--text-* 保留兼容。卡迁移时把字面量换成 var(--…)，逐卡验证。
     * ============================================================ */
    /* 中性：卡主墨 / 次级蓝灰 / 卡内浅描边（#8494a7 类灰复用上面 --text-muted，不另建） */
    --tx-strong: #243447;   /* 卡片标题主墨（合并 value 家族 #243447） */
    --tx-sub:    #5a6b80;   /* 次级文字/副标题（合并 14× 出现的 #5a6b80） */
    --ln-card:   #e6ebf1;   /* 卡内浅描边（合并 8× 出现的 #e6ebf1） */

    /* 状态：good/bad/warn/na/info 各含 文本(--c-x) · 亮底(--c-x-bg) · 柔底(--c-x-soft) · 描边(--c-x-edge) */
    --c-good:#1c6b33; --c-good-bg:#bdeadc; --c-good-soft:#eef7f0; --c-good-edge:#cfeed6; /* 合并 #2d8f2d/#1c6b33；软底 #e8f5e9/#eefaf0/#e6f6e9 */
    --c-bad :#d04848; --c-bad-bg :#fce0e0; --c-bad-soft :#fdecec; --c-bad-edge :#f0c6c6; /* 合并 #c62828/#b23c3c；软底 #ffebee/#fdecec */
    --c-warn:#e65100; --c-warn-bg:#f6dfae; --c-warn-soft:#fff3e0; --c-warn-edge:#f0e2b8; /* 合并 #e65100/#e67e22/#8a6412→统一橙色警示（value 慎用原较暗的琥珀→略偏橙，背景亮底 #f6dfae 保留） */
    --c-na  :#9a9aa2; --c-na-bg  :#e3e3e8; --c-na-soft  :#f0f0f2;
    --c-info:#1c4c86; --c-info-bg:#e8f0fb; --c-info-soft:#eef2ff;                          /* INSUFFICIENT/合理价/fair */

    /* 徽章 chips：人名（唐/王/巴/芒）；同比=蓝、环比=金、统计=绿，复用同色所以用 var() 别名 */
    --chip-tang-fg:#b7791f; --chip-tang-bg:#fefcbf; --chip-tang-bd:#ecc94b;
    --chip-wang-fg:#2b6cb0; --chip-wang-bg:#ebf8ff; --chip-wang-bd:#63b3ed;
    --chip-ba-fg  :#276749; --chip-ba-bg  :#f0fff4; --chip-ba-bd  :#68d391;
    --chip-mang-fg:#6b46c1; --chip-mang-bg:#faf5ff; --chip-mang-bd:#b794f4;
    --chip-tong-fg:var(--chip-wang-fg); --chip-tong-bg:var(--chip-wang-bg); --chip-tong-bd:var(--chip-wang-bd); /* 同比 */
    --chip-huan-fg:var(--chip-tang-fg); --chip-huan-bg:var(--chip-tang-bg); --chip-huan-bd:var(--chip-tang-bd); /* 环比 */
    --chip-tongji-fg:var(--chip-ba-fg); --chip-tongji-bg:var(--chip-ba-bg); --chip-tongji-bd:var(--chip-ba-bd); /* 统计 */

    /* 尺寸 */
    --font:   "Microsoft Yahei", sans-serif;
    --radius:     6px;
    --radius-lg:  8px;
}

/* 通用重置：任何引入 tokens.css 的文档或 shadow 根都自动生效 */
*, *::before, *::after {
    box-sizing: border-box;
    font-family: var(--font);
    margin: 0;
    padding: 0;
}

/* 自定义元素默认 inline，统一改为 block 保证表格/卡片正常换行 */
:host { display: block; }