/* ============================================================
   设计令牌（Design Tokens）— 全站唯一颜色来源
   ============================================================

   三色规范：
     1. 黑 ink     —— 通用中性色：正文、图标、描边、分隔
     2. 白 surface —— 页面底色：背景、卡片面、悬浮层
     3. 蓝 brand   —— 主色：按钮、链接、选中态、关键信息强调

   硬性约束：
     - 业务代码（模板 / 组件 / 页面样式）禁止出现任何十六进制颜色、rgb()、hsl()
     - 一律引用本文件的 CSS 变量，改主题只需改这里
     - tools/verify_component_layer.py 会自动扫描违规硬编码，违规即验证失败

   语义状态不使用红黄绿，统一由三色派生：
     正向/命中  → 蓝底白字（.badge--brand）
     负向/告警  → 黑底白字（.badge--strong）
     中性/未决  → 白底黑边（.badge--neutral）
     弱化/提示  → 蓝浅底蓝字（.badge--soft）
   ============================================================ */

:root {
  /* 收益图表配色按用户提供的结算参考图，仅限财务图表，不改变通用组件状态色。 */
  --color-profit-accent: #00a3a3;
  --color-profit-bg: #f5f5f5;
  --color-profit-up: #009a61;
  --color-profit-down: #d43d51;
  /* ---------------------------------------------------------- 黑：中性色 */
  --color-ink-900: #111111; /* 正文主色、标题 */
  --color-ink-700: #374151; /* 次级正文 */
  --color-ink-500: #6b7280; /* 辅助文字、占位符 */
  --color-ink-300: #d1d5db; /* 描边、分隔线 */
  --color-ink-100: #f3f4f6; /* 弱分隔、表头底 */

  /* ---------------------------------------------------------- 白：页面底色 */
  --color-surface-base: #ffffff;   /* 页面与卡片底 */
  --color-surface-subtle: #f9fafb; /* 区块底、表头 */
  --color-surface-muted: #f3f4f6;  /* 内嵌区域、禁用态底 */
  --color-surface-overlay: #ffffff;/* 弹层、下拉 */

  /* ---------------------------------------------------------- 蓝：主色 */
  --color-brand-700: #1e40af; /* 按下态、深层强调 */
  --color-brand-600: #1d4ed8; /* 主按钮、链接、选中态 */
  --color-brand-500: #2563eb; /* 悬浮态 */
  --color-brand-100: #dbeafe; /* 浅底强调、选中背景 */
  --color-brand-50: #eff6ff;  /* 极浅强调底 */

  /* ---------------------------------------------------------- 尺寸与排版 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 26px;
  --text-3xl: 32px;

  --border-width: 1px;
  --shadow-sm: 0 1px 2px rgba(17, 17, 17, 0.06);
  --shadow-md: 0 4px 12px rgba(17, 17, 17, 0.08);
  /* 遮罩：由中性黑派生的半透明层，避免业务样式里出现 rgba 字面量 */
  --color-scrim: rgba(17, 17, 17, 0.45);

  --sidebar-width: 220px;
  --topbar-height: 56px;
}