/* ============================================================
   深圳职旅-湖北内部系统 · 设计令牌（Design Tokens）
   品牌/状态色与数据/趋势色分离：
   - 品牌色系：取自 SPITS LOGO（深紫 #441088 / 品红 #c62283 / 金黄 #ffcc00）
   - 状态色：成功 / 警告 / 危险 / 信息
   - 数据趋势色：盈利 ok / 亏损 danger（复用状态色但单独声明）
   ============================================================ */

:root {
  /* ---- 品牌色系（SPITS LOGO 紫·品红·金黄） ---- */
  --brand-purple:      #441088;   /* 主品牌：深紫 */
  --brand-purple-dark: #331066;   /* 深紫（悬停/侧栏） */
  --brand-purple-light:#6b2db3;   /* 亮紫（点缀） */
  --brand-magenta:     #c62283;   /* 品红（次级品牌/强调） */
  --brand-gold:        #ffcc00;   /* 金黄（渐变端点/高亮） */
  --brand-coral:       #e07a6f;   /* 珊瑚（暖色过渡） */
  --brand-magenta-deep:#9a1b68;   /* 深品红（侧栏渐变底） */

  /* 品牌透明色阶（用于悬停、选中、玻璃拟态遮罩） */
  --brand-purple-fade-5:  rgba(68,16,136,.05);
  --brand-purple-fade-10: rgba(68,16,136,.10);
  --brand-purple-fade-15: rgba(68,16,136,.15);
  --brand-magenta-fade-10:rgba(198,34,131,.10);
  --brand-magenta-fade-15:rgba(198,34,131,.15);
  --brand-gold-fade-10:  rgba(255,204,0,.10);
  --brand-gold-fade-15:  rgba(255,204,0,.15);

  /* ---- 品牌色别名（兼容旧变量名） ---- */
  --brand-teal:        var(--brand-purple);       /* 旧主色 → 紫 */
  --brand-teal-dark:   var(--brand-purple-dark);   /* 旧深色 → 深紫 */
  --brand-teal-light:  var(--brand-purple-light);  /* 旧亮色 → 亮紫 */
  --brand-ocean:       var(--brand-magenta);       /* 旧海蓝 → 品红 */
  --brand-sky:         var(--brand-gold);          /* 旧天蓝 → 金黄 */
  --brand-ocean-deep:  var(--brand-magenta-deep);  /* 旧深海 → 深品红 */

  /* ---- 中性色（暖紫灰调，低对比、柔） ---- */
  --bg:                #f6f4fa;   /* 页面背景 */
  --bg-soft:           #efeaf7;   /* 背景渐变端点 */
  --surface:           #ffffff;   /* 卡片/面板 */
  --surface-soft:      #faf9fc;   /* 次级面板 */
  --border:            #ebe7f2;   /* 边框（淡） */
  --border-strong:     #d9d3e6;   /* 强边框 */
  --text:              #241d33;   /* 主文本 */
  --text-secondary:    #524b5e;   /* 次级文本 */
  --text-muted:        #86809a;   /* 弱化文本 */

  /* ---- 状态色（状态/语义） ---- */
  --status-ok:         #16a34a;   /* 成功 */
  --status-ok-bg:      #f0fdf4;
  --status-warn:       #d97706;   /* 警告 */
  --status-warn-bg:    #fffbeb;
  --status-danger:     #dc2626;   /* 危险/错误 */
  --status-danger-bg:  #fef2f2;
  --status-info:       #0284c7;   /* 信息 */
  --status-info-bg:    #f0f9ff;

  /* ---- 数据趋势色（中国 A 股惯例：涨红跌绿；盈亏同向） ---- */
  --trend-up:          #dc2626;   /* 盈利 / 增长 / 赚钱 = 红色 */
  --trend-down:        #16a34a;   /* 亏损 / 下降 / 亏钱 = 绿色 */
  --trend-flat:        #64748b;

  /* ---- 排版 ---- */
  --font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 16px;
  --fs-lg: 20px;
  --fs-xl: 26px;

  /* ---- 圆角 / 阴影（阴影统一紫调，柔和多层） ---- */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 18px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(68, 16, 136, .04);
  --shadow: 0 1px 2px rgba(68, 16, 136, .04), 0 6px 20px rgba(68, 16, 136, .06);
  --shadow-lg: 0 12px 36px rgba(68, 16, 136, .11);
  --ring: 0 0 0 3px rgba(107, 45, 179, .14);   /* 聚焦光圈 */

  /* 主色别名（供旧代码 --primary 系 fallback 命中） */
  --primary: var(--brand-purple);
  --primary-soft: var(--brand-purple-fade-5);

  /* ---- 间距 ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* ---- 布局 ---- */
  --sidebar-w: 240px;
  --topbar-h: 60px;
  --content-max: 1680px;
}