/* ============================================================
 * strategy-hub 共享设计 tokens（阶段 6 + 阶段 14）
 * 所有面板的 :root 变量单一事实源。面板自身 style.css 中的同名
 * :root 块与此处值完全一致（迁移期保留双份，阶段 9 清理时去重）。
 * 引入方式（任意面板页面，包括首页）：
 *   <link rel="stylesheet" href="/shared/tokens.css">
 * ============================================================ */
:root {
  /* ---- 中望品牌色 ---- */
  --zw-deep-blue: #003091;    /* 深蓝 主色调 */
  --zw-blue: #004ACC;         /* 蓝 */
  --zw-light-blue: #009CFC;   /* 浅蓝 */
  --zw-sky-blue: #99E5FF;     /* 天蓝 */
  --zw-orange: #FF620C;       /* 橙（辅助强调色） */
  --zw-green: #22C55E;        /* 绿（增长/ positive） */
  --zw-yellow: #FFAE45;       /* 黄 */
  --zw-dark-gray: #646C77;    /* 深灰 */
  --zw-gray: #B4BCC1;         /* 灰 */
  --zw-light-gray: #CCD5DB;   /* 浅灰 */

  /* ---- 统一顶栏（hub-nav）尺寸 ---- */
  --hub-nav-height: 44px;
  --hub-sticky-offset: 0px;   /* body.has-hub-nav 时被覆盖为顶栏高度 */

  /* ---- 页面底色（深蓝渐变的起止色，与各面板 body 一致） ---- */
  --bg-page-top: #003091;
  --bg-page-mid: #00256E;
  --bg-page-bottom: #001F5C;

  /* ---- 共享中性色 / 边框 / 文本（所有面板 + 首页都需要，阶段 14 起首页也用 panel.css） ---- */
  --bg-page: #003091;                     /* 页面底色：深蓝（子面板用） */
  --bg-subtle: #F0F2F5;                   /* 浅色辅助底：输入框/选项卡/标签 */
  --bg-card: #ffffff;
  --bg-header: #ffffff;
  --bg-stats: #F5F8FC;
  --bg-settings: #ffffff;
  --bg-overview: #F4F6FA;                 /* 首页总览页浅色底色（独有） */
  --zw-blue-light: #E8EEF9;               /* 首页 hero / icon 浅蓝 */
  --zw-blue-dark: #00246E;                /* header 深蓝渐变终点 */

  --text-on-dark: rgba(255, 255, 255, 0.92);
  --text-on-dark-2: rgba(255, 255, 255, 0.68);
  --text-on-dark-3: rgba(255, 255, 255, 0.45);

  --color-primary: var(--zw-deep-blue);
  --color-primary-light: var(--zw-blue);
  --color-text: #2A3038;
  --color-text-secondary: var(--zw-dark-gray);
  --color-text-tertiary: #8C96A0;
  --color-border: var(--zw-gray);
  --color-border-light: var(--zw-light-gray);

  /* 三维度配色：经济=蓝, 政治=橙, 技术=浅蓝（macro 等面板用） */
  --color-economy: var(--zw-blue);
  --color-economy-bg: rgba(0, 74, 204, 0.10);
  --color-politics: var(--zw-orange);
  --color-politics-bg: rgba(255, 98, 12, 0.10);
  --color-technology: var(--zw-light-blue);
  --color-technology-bg: rgba(0, 156, 252, 0.12);
  --color-region: var(--zw-dark-gray);
  --color-region-bg: #EAEEF2;

  /* 板块配色：软件=深蓝, MFG=蓝, AEC=橙, 新兴=浅蓝 */
  --color-software: var(--zw-deep-blue);
  --color-software-bg: rgba(0, 48, 145, 0.10);
  --color-mfg: var(--zw-blue);
  --color-mfg-bg: rgba(0, 74, 204, 0.10);
  --color-aec: var(--zw-orange);
  --color-aec-bg: rgba(255, 98, 12, 0.10);
  --color-emerging: var(--zw-light-blue);
  --color-emerging-bg: rgba(0, 156, 252, 0.12);
  --color-region: var(--zw-dark-gray);
  --color-region-bg: #EAEEF2;

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-hover: 0 8px 24px rgba(0,0,0,0.10), 0 4px 8px rgba(0,0,0,0.06);

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 14px;

  --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  --max-width: 1280px;

  /* 吸顶高度（JS 按实际测量更新）：app-header 高 + quick-nav 高，
     供快速导航吸顶 top、筛选栏吸顶叠放、锚点跳转避让量统一使用 */
  --header-h: 73px;

  /* 二级导航栏（board-nav）吸顶高度：与一级导航整合后使用 */
  --board-nav-height: 54px;
}