/* ==========================================================================
   奇秘书 · 设计令牌 v1.0  (tokens.css)
   —— 唯一的品牌与视觉来源，租户端 / 服务商后台 / 官网 / 规范文档共用。

   色板取自 logo：青蓝河马（渐变）+ 蜜黄耳机 + 墨黑粗描边。
   用法约定（重要）：
     · 亮青 --qm-cyan 只做装饰（图标、图表、插画、渐变、状态点），不做正文颜色；
     · 深青 --qm-brand 做可交互元素（按钮、链接、选中态），保证白底 4.6:1；
     · 蜜黄 --qm-amber 只做点缀（星芒、重点数字、亮点标签），面积不超过界面 5%；
     · 墨黑 --qm-ink-900 用于标题与正文，副文本逐级降为 600 / 500 / 400。
   ========================================================================== */

:root {
  /* ---------- 基础色：墨（中性） ---------- */
  --qm-ink-950: #0E1319;
  --qm-ink-900: #12171E;
  --qm-ink-800: #1B222B;
  --qm-ink-700: #2A333E;
  --qm-ink-600: #4A5561;
  --qm-ink-500: #5E6A77;
  --qm-ink-400: #6B7683;
  --qm-ink-300: #97A2AE;
  --qm-ink-200: #C6D0DA;
  --qm-ink-100: #DEE6ED;
  --qm-ink-50:  #EDF2F7;

  /* ---------- 基础色：青（品牌主色） ---------- */
  --qm-cyan-900: #07505F;
  --qm-cyan-800: #075A78;   /* brand-ink：深底文字 / 反白场景 */
  --qm-cyan-700: #0A6B92;
  --qm-cyan-600: #0C7CA8;   /* brand：主按钮 / 链接（白底 4.6:1） */
  --qm-cyan-500: #1FB4E8;   /* logo 亮青：装饰、图表、渐变起点 */
  --qm-cyan-400: #55C9F1;
  --qm-cyan-300: #7FE3F9;   /* logo 浅青：河马高光 */
  --qm-cyan-200: #B7EFFC;
  --qm-cyan-100: #D9F4FD;
  --qm-cyan-50:  #EDFAFE;

  /* ---------- 基础色：蜜黄（耳机） ---------- */
  --qm-amber-700: #8A5A00;  /* 黄底上的文字色 */
  --qm-amber-600: #C98300;
  --qm-amber-500: #FFC02E;  /* logo 耳机黄：点缀 */
  --qm-amber-400: #FFD05C;
  --qm-amber-100: #FFF0C9;
  --qm-amber-50:  #FFF8E6;

  /* ---------- 语义 ---------- */
  --qm-ok:        #0B7A55;
  --qm-ok-ink:    #08603F;
  --qm-ok-50:     #E6F7EF;
  --qm-warn:      #8A5A00;
  --qm-warn-ink:  #6E4700;
  --qm-warn-50:   #FFF6E2;
  --qm-danger:    #C62828;
  --qm-danger-ink:#A11C1C;
  --qm-danger-50: #FDECEC;
  --qm-info:      var(--qm-cyan-600);
  --qm-info-50:   var(--qm-cyan-50);

  /* ---------- 表面 ---------- */
  --qm-surface:      #FFFFFF;   /* 卡片 */
  --qm-surface-sunk: #F5F9FC;   /* 页面底 */
  --qm-surface-head: #EDF4F9;   /* 表头 / 标签栏 */
  --qm-surface-hover:#F3F8FC;
  --qm-surface-deep: #E2ECF3;
  --qm-line:         #E3EBF1;
  --qm-line-strong:  #CFDAE3;
  --qm-line-soft:    #EFF4F8;

  /* ---------- 文字 ---------- */
  --qm-text:      var(--qm-ink-900);
  --qm-text-2:    var(--qm-ink-600);
  --qm-text-3:    var(--qm-ink-400);
  --qm-text-4:    var(--qm-ink-300);
  --qm-text-on:   #FFFFFF;

  /* ---------- 渐变（logo 河马头部的光的走向） ---------- */
  --qm-grad-brand: linear-gradient(135deg, #1FB4E8 0%, #0C7CA8 100%);
  --qm-grad-soft:  linear-gradient(160deg, #EDFAFE 0%, #F5F9FC 62%, #FFFFFF 100%);
  --qm-grad-deep:  linear-gradient(135deg, #0A6B92 0%, #07505F 100%);
  --qm-grad-sun:   linear-gradient(135deg, #FFD05C 0%, #FFC02E 100%);

  /* ---------- 圆角（河马没有尖角） ---------- */
  --qm-r-xs: 6px;
  --qm-r-sm: 8px;
  --qm-r-md: 10px;
  --qm-r-lg: 14px;
  --qm-r-xl: 20px;
  --qm-r-pill: 999px;

  /* ---------- 间距（4 起步） ---------- */
  --qm-s-1: 4px;
  --qm-s-2: 8px;
  --qm-s-3: 12px;
  --qm-s-4: 16px;
  --qm-s-5: 20px;
  --qm-s-6: 24px;
  --qm-s-7: 32px;
  --qm-s-8: 40px;
  --qm-s-9: 56px;
  --qm-s-10: 72px;

  /* ---------- 阴影（偏冷的青灰，不用纯黑） ---------- */
  --qm-sh-xs: 0 1px 2px rgba(16, 42, 60, .06);
  --qm-sh-sm: 0 1px 2px rgba(16, 42, 60, .05), 0 2px 8px rgba(16, 42, 60, .05);
  --qm-sh-md: 0 4px 16px rgba(16, 42, 60, .08);
  --qm-sh-lg: 0 16px 40px rgba(16, 42, 60, .14);
  --qm-sh-xl: 0 28px 70px rgba(16, 42, 60, .18);
  --qm-ring:  0 0 0 3px rgba(31, 180, 232, .22);
  --qm-ring-danger: 0 0 0 3px rgba(198, 40, 40, .16);

  /* ---------- 字体 ---------- */
  --qm-font: "PingFang SC", "HarmonyOS Sans SC", "Hiragino Sans GB", "Microsoft YaHei",
             -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --qm-font-num: "SF Pro Display", "DIN Alternate", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --qm-fs-11: 11px;
  --qm-fs-12: 12px;
  --qm-fs-13: 13px;
  --qm-fs-14: 14px;
  --qm-fs-15: 15px;
  --qm-fs-16: 16px;
  --qm-fs-18: 18px;
  --qm-fs-20: 20px;
  --qm-fs-24: 24px;
  --qm-fs-30: 30px;
  --qm-fs-38: 38px;
  --qm-fs-54: 54px;

  /* ---------- 动效 ---------- */
  --qm-ease: cubic-bezier(.32, .72, .28, 1);
  --qm-dur-fast: .13s;
  --qm-dur: .2s;

  /* ---------- 兼容层：老样式里用的是这些名字 ---------- */
  --bg: var(--qm-surface-sunk);
  --panel: var(--qm-surface);
  --line: var(--qm-line);
  --line-2: var(--qm-line-soft);
  --line-strong: var(--qm-line-strong);
  --text: var(--qm-text);
  --text-2: var(--qm-text-2);
  --text-3: var(--qm-text-3);
  --brand: var(--qm-cyan-600);
  --brand-2: var(--qm-cyan-700);
  --brand-weak: var(--qm-cyan-50);
  --ok: var(--qm-ok);
  --ok-weak: var(--qm-ok-50);
  --warn: var(--qm-warn);
  --warn-weak: var(--qm-warn-50);
  --danger: var(--qm-danger);
  --danger-weak: var(--qm-danger-50);
  --muted-weak: var(--qm-ink-50);
  --radius: var(--qm-r-md);
  --shadow: var(--qm-sh-sm);
}

/* 数字统一等宽对齐，金额不跳动 */
.num, .mono, .tabular { font-variant-numeric: tabular-nums; letter-spacing: -.01em; }