/* ============================================================
   桥云设计令牌 tokens.css（v1.3 融合雕刻双色版，2026-09-01 桥网-47）
   强制基线：桥云品牌与视觉设计统一规则 v1.2 §十三（设计令牌）＋ §七（毛玻璃）
   色板仅用旧蓝红：深海军蓝 #0A1F36 · 主深蓝 #1B3A5C · 中蓝 #0F2B47 ·
        钢蓝 #2980B9 · 渐变末端 #2C5F8A · 品牌红 #E53E3E
   阴影统一以主深蓝 rgba(27,58,92) 为基色（蓝灰系），不引入新色相。
   所有页面与组件一律引用令牌，禁止散写数值（v1.2 §一）。
   融合雕刻（v1.3）：双向雕刻柔影（raised 凸起 / carved 雕刻 / carved-sm 凹槽），
   浅色为主皮肤（基底 #EDEFF3）＋ 深灰黑深色皮肤（基底 #141A23，崔杨 2026-09-01 拍板路线 B）；
   深灰黑为行业惯例灰黑系，非商标色范畴；禁新色 #0B2A5B/#F6082D/#C8102E 等。
   ============================================================ */

:root {
  /* ---------- 圆角（v1.2 §十三） ---------- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* ---------- 阴影：浅 / 中 / 深 三档（蓝灰系，基色 #1B3A5C） ---------- */
  --shadow-1: 0 2px 8px rgba(27, 58, 92, 0.08);
  --shadow-2: 0 8px 24px rgba(27, 58, 92, 0.10);
  --shadow-3: 0 16px 40px rgba(27, 58, 92, 0.14);

  /* ---------- 动效（v1.2 §八 / §十三） ---------- */
  --motion-fast: 200ms;   /* §八 允许：hover / 焦点 / 按压 */
  --motion-slow: 400ms;   /* §八 允许：fade-up / 过渡上限 */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);  /* 缓出主曲线 */

  /* ---------- 玻璃参数（v1.2 §七） ---------- */
  /* 浅底玻璃（吸顶导航 / 浅底 CTA 面板） */
  --glass-light-bg: rgba(255, 255, 255, 0.84);
  --glass-light-bg-scrolled: rgba(255, 255, 255, 0.90);
  --glass-light-border: rgba(27, 58, 92, 0.10);
  --glass-light-blur: blur(20px) saturate(1.2);
  /* 深底玻璃（Hero 交互面板 / 数据资历卡） */
  --glass-dark-bg: rgba(255, 255, 255, 0.12);
  --glass-dark-border: rgba(255, 255, 255, 0.35);
  --glass-dark-blur: blur(18px);
  /* 降级实色（@supports 不成立时回退） */
  --glass-light-fallback: rgba(255, 255, 255, 0.97);
  --glass-dark-fallback: rgba(15, 43, 71, 0.90);  /* #0F2B47 90% */

  /* ---------- 排版阶梯（v1.2 §二） ---------- */
  --fs-h1: clamp(28px, 4vw, 32px);
  --fs-h2: 22px;
  --fs-h3: 17px;
  --lh-body: 1.7;          /* 1.6–1.8 区间内，正文可读 */
  --lh-head: 1.3;
  --fs-body: 15px;         /* 正文 ≥14px（§九） */
  --fs-small: 13px;        /* 小字标注（≥12px，§九） */
  --container: 1140px;     /* 1140px 容器（§二） */
  --grid: 8px;             /* 8px 网格基线（§二） */

  /* ---------- 聚焦环（v1.2 §九） ---------- */
  --focus-ring: 2px solid #E53E3E;   /* 品牌红环 */
  --focus-offset: 2px;

  /* ---------- 复用既有品牌色（与 site.css / brand.css 同源，避免重定义漂移） ---------- */
  --c-d: #1B3A5C;
  --c-m: #0F2B47;
  --c-b: #2C5F8A;
  --c-a: #2980B9;
  --c-r: #E53E3E;
  --c-rd: #C53030;
  --c-deep: #0A1F36;
  --c-ink: #1a2733;
  --c-g: #5b6b7b;
  --c-line: #dfe4ea;

  /* ---------- 融合雕刻双阴影（v1.3，浅色主皮肤，基底 #EDEFF3） ---------- */
  /* raised 凸起：能力卡/产品卡；carved 雕刻：Hero/KPI/面板；carved-sm 凹槽：图标块 */
  --qy-bg: #EDEFF3;                              /* 浅色主皮肤基底（融合雕刻版） */
  --qy-bg-soft: #f6f7f9;                         /* 更浅副底（深色容错/隔行） */
  --qy-raised: 9px 9px 18px #d4dae2, -9px -9px 18px #ffffff;
  --qy-carved: inset 7px 7px 14px #d4dae2, inset -7px -7px 14px #ffffff;
  --qy-carved-sm: inset 4px 4px 8px #d4dae2, inset -4px -4px 8px #ffffff;
  --qy-raised-hover: translateY(-6px);           /* 能力卡 hover 上浮（v1.3 样稿） */

  /* ---------- 深灰黑深色皮肤（v1.3 双色版，基底 #141A23） ---------- */
  /* 由 [data-theme="dark"] / prefers-color-scheme 切换引用；仅此处定义数值，页面零散写 */
  --qy-dark-bg: #141A23;                         /* 深色皮肤基底 */
  --qy-dark-bg-soft: #1B222E;                    /* 深色副底（隔行/代码底） */
  --qy-dark-border: #262F3D;                     /* 深色描边 */
  --qy-dark-title: #EDF2F8;                      /* 深色标题/主文字 */
  --qy-dark-text: #C3CEDB;                       /* 深色正文 */
  --qy-dark-muted: #7E8B9C;                      /* 深色次级文字 */
  --qy-raised-dark: 9px 9px 18px #0A0E14, -9px -9px 18px #202B3A;
  --qy-carved-dark: inset 7px 7px 14px #0A0E14, inset -7px -7px 14px #202B3A;
  --qy-carved-sm-dark: inset 4px 4px 8px #0A0E14, inset -4px -4px 8px #202B3A;
}

/* ---------- 深色皮肤应用：html[data-theme="dark"]（手动三段式，site.js 控制） ---------- */
/* 优先级：手动选择 > 跟随系统；浅色为主皮肤，首访跟随系统（明暗模式策略 v1，桥网-47） */
html[data-theme="dark"] {
  --c-ink: #C3CEDB;          /* 正文 → 深色正文 */
  --c-g: #7E8B9C;            /* 次级文字 → 深色次级 */
  --c-line: #262F3D;         /* 描边 → 深色描边 */
  --qy-bg: #141A23;          /* 基底 → 深灰黑 */
  --qy-bg-soft: #1B222E;
  --qy-raised: 9px 9px 18px #0A0E14, -9px -9px 18px #202B3A;
  --qy-carved: inset 7px 7px 14px #0A0E14, inset -7px -7px 14px #202B3A;
  --qy-carved-sm: inset 4px 4px 8px #0A0E14, inset -4px -4px 8px #202B3A;
  /* 玻璃参数随皮肤切换（浅色玻璃 → 深色玻璃） */
  --glass-light-bg: rgba(20, 26, 35, 0.72);
  --glass-light-bg-scrolled: rgba(20, 26, 35, 0.85);
  --glass-light-border: rgba(237, 242, 248, 0.12);
  --glass-light-fallback: rgba(20, 26, 35, 0.97);
}