/*!
 * ============================================================================
 * 文件名称：agn.tokens.css
 * 所属模块：AgnTokens / 设计令牌层
 * 功能用途：全站统一设计令牌（Design Token）。把「配色 / 文字 / 间距 / 圆角 /
 *           动效 / 质感」等视觉常量集中成一层 CSS 变量，供 agn.base.css、
 *           agn.ui.css 及全部页面统一消费。
 * 命名约定：新令牌统一使用 `--agn-` 前缀。
 *           之所以不直接沿用参考站的 `--gs-` 前缀，是因为 digital-human.html
 *           与 baokuanfuke.html 已在各自内联 `:root` 中把 `--gs-*` 用作「页级
 *           专属配色」（金 / 橙），全局复用该前缀会互相覆盖、造成视觉回归。
 *           分层结构仍与参考站 `--gs-*` 对齐（表面/边框/文字/主副色/状态/
 *           字号/间距/圆角/动效/质感 + 明暗双主题）。
 * 兼容策略：本层是**唯一**令牌来源。文件末尾历史上曾有一整段「旧变量别名」
 *           （28 条旧名，如 primary / grad / gold-grad / bg-base / text-primary）
 *           用于平滑过渡；2026-10-15 全站消费点已 1:1 改名为本层令牌，
 *           该段**已整体删除** —— 页面 / 组件一律只消费 `--agn-*`。
 * 依赖关系：无（纯 CSS 变量，零构建）
 * 创建时间：2026-10-14
 * 修改记录：
 *   2026-10-14  初版（评审建议 §5.4 第 2 期，对标 --gs-* 令牌分层）
 *   2026-10-15  删除末尾「旧变量别名」段（28 条）；全站 26 页 + 主题层 +
 *               贴牌品牌色注入统一 1:1 改名为 --agn-*（贴牌注入目标由 3 条
 *               旧金色名改为 --agn-accent / --agn-accent-2 / --agn-gradient，
 *               三段式公式不变）。
 * ============================================================================
 */

/* ==========================================================================
   1. 令牌定义（暗色为默认主题）
   ========================================================================== */
:root {
  /* ---- 表面层级（canvas → surface-1~4） ---- */
  --agn-canvas: #06080c;
  --agn-bg-2: #080a10;
  --agn-surface-1: #0c0f16;
  --agn-surface-2: rgba(20, 24, 32, 0.72);
  --agn-surface-3: rgba(28, 36, 46, 0.92);
  --agn-surface-4: #141820;
  --agn-img-holder: #0a0d13;
  --agn-mask: rgba(4, 9, 14, 0.82);

  /* ---- 边框 / 分隔线 ---- */
  --agn-border-faint: rgba(255, 255, 255, 0.05);
  --agn-border: rgba(255, 255, 255, 0.09);
  --agn-border-strong: rgba(255, 255, 255, 0.15);
  --agn-border-active: rgba(0, 202, 224, 0.55);
  --agn-line: rgba(0, 202, 224, 0.14);
  --agn-line-soft: rgba(0, 202, 224, 0.10);

  /* ---- 文字层级 ---- */
  --agn-text-1: #f5fbff;
  --agn-text-2: rgba(160, 176, 184, 0.92);
  --agn-text-2-alt: rgba(176, 192, 200, 0.92);
  --agn-text-3: rgba(140, 153, 160, 0.66);
  --agn-text-3-alt: rgba(140, 153, 160, 0.82);
  --agn-text-muted: rgba(140, 153, 160, 0.55);

  /* ---- 品牌主色（青） ---- */
  --agn-accent-rgb: 0, 202, 224;
  --agn-accent: #00CAE0;
  --agn-accent-hover: #33D6E8;
  --agn-accent-active: #00A8BC;
  --agn-accent-soft: rgba(0, 202, 224, 0.12);
  --agn-accent-border: rgba(0, 202, 224, 0.45);
  --agn-accent-text: #7FE9F5;
  --agn-on-accent: #04222a;

  /* ---- 品牌副色（翠绿） ---- */
  --agn-accent-2-rgb: 0, 229, 160;
  --agn-accent-2: #00E5A0;
  --agn-accent-2-hover: #33EDB6;
  --agn-accent-2-active: #00C088;
  --agn-accent-2-soft: rgba(0, 229, 160, 0.13);
  --agn-accent-2-border: rgba(0, 229, 160, 0.42);
  --agn-accent-2-text: #7FF2D0;

  /* ---- 品牌第三色（紫，用于点缀光效） ---- */
  --agn-accent-3-rgb: 120, 80, 255;
  --agn-accent-3: #7850FF;
  --agn-accent-3-soft: rgba(120, 80, 255, 0.14);
  --agn-accent-3-border: rgba(120, 80, 255, 0.42);
  --agn-accent-3-text: #B6A6FF;

  /* ---- 状态色 ---- */
  --agn-success: #00E5A0;
  --agn-success-soft: rgba(0, 229, 160, 0.13);
  --agn-warning: #FBBF24;
  --agn-warning-soft: rgba(251, 191, 36, 0.13);
  --agn-danger: #ff6b6b;
  --agn-danger-rgb: 255, 107, 107;
  --agn-danger-soft: rgba(255, 107, 107, 0.13);

  /* ---- 字体族 ---- */
  --agn-font: "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  --agn-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ---- 字号阶梯 ---- */
  --agn-fs-xs: 0.75rem;
  --agn-fs-sm: 0.8125rem;
  --agn-fs-base: 0.875rem;
  --agn-fs-md: 0.9375rem;
  --agn-fs-lg: 1.05rem;
  --agn-fs-xl: 1.375rem;
  --agn-fs-hero: 2.25rem;

  /* ---- 间距阶梯 ---- */
  --agn-sp-1: 0.25rem;
  --agn-sp-2: 0.5rem;
  --agn-sp-3: 0.75rem;
  --agn-sp-4: 1rem;
  --agn-sp-5: 1.25rem;
  --agn-sp-6: 1.5rem;
  --agn-sp-8: 2rem;
  --agn-sp-10: 2.5rem;
  --agn-sp-12: 3rem;

  /* ---- 圆角 ---- */
  --agn-r-sm: 6px;
  --agn-r-md: 10px;
  --agn-r-lg: 14px;
  --agn-r-xl: 20px;
  --agn-r-full: 999px;

  /* ---- 动效 ---- */
  --agn-t-fast: 0.14s;
  --agn-t-base: 0.2s;
  --agn-t-slow: 0.28s;
  --agn-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --agn-ease-inout: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- 质感：玻璃 / 阴影 / 发光 / 渐变 ---- */
  --agn-glass-bg: rgba(15, 19, 27, 0.78);
  --agn-glass-blur: blur(14px) saturate(140%);
  --agn-shadow-pop: 0 24px 70px rgba(0, 0, 0, 0.5);
  --agn-shadow-card: 0 18px 50px -24px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  --agn-glow-accent: 0 0 0 1px rgba(0, 202, 224, 0.35), 0 8px 28px rgba(0, 202, 224, 0.18);
  --agn-glow-accent-2: 0 10px 40px rgba(0, 229, 160, 0.22);
  --agn-gradient: linear-gradient(135deg, var(--agn-accent) 0%, var(--agn-accent-2) 100%);
}

/* ==========================================================================
   2. 明主题覆盖（由 <html data-theme="light"> 开启；当前全站默认暗色，
      此段为可选能力，任何页面未设置该属性时完全不生效）
   ========================================================================== */
[data-theme="light"] {
  --agn-canvas: #F4F6F9;
  --agn-bg-2: #EDF1F5;
  --agn-surface-1: #FFFFFF;
  --agn-surface-2: rgba(255, 255, 255, 0.92);
  --agn-surface-3: rgba(240, 244, 248, 0.96);
  --agn-surface-4: #E7ECF2;
  --agn-img-holder: #EAEFF4;
  --agn-mask: rgba(12, 24, 32, 0.42);

  --agn-border-faint: rgba(16, 32, 40, 0.06);
  --agn-border: rgba(16, 32, 40, 0.12);
  --agn-border-strong: rgba(16, 32, 40, 0.20);
  --agn-border-active: rgba(0, 140, 158, 0.60);
  --agn-line: rgba(0, 140, 158, 0.18);
  --agn-line-soft: rgba(0, 140, 158, 0.10);

  --agn-text-1: rgba(10, 24, 30, 0.94);
  --agn-text-2: rgba(10, 24, 30, 0.70);
  --agn-text-2-alt: rgba(24, 40, 48, 0.78);
  --agn-text-3: rgba(10, 24, 30, 0.52);
  --agn-text-3-alt: rgba(10, 24, 30, 0.62);
  --agn-text-muted: rgba(10, 24, 30, 0.40);

  --agn-accent-rgb: 0, 140, 158;
  --agn-accent: #008C9E;
  --agn-accent-hover: #00A6BC;
  --agn-accent-active: #007487;
  --agn-accent-soft: rgba(0, 140, 158, 0.10);
  --agn-accent-border: rgba(0, 140, 158, 0.45);
  --agn-accent-text: #067A8A;
  --agn-on-accent: #FFFFFF;

  --agn-accent-2-rgb: 0, 168, 118;
  --agn-accent-2: #00A876;
  --agn-accent-2-hover: #00C48C;
  --agn-accent-2-active: #008A61;
  --agn-accent-2-soft: rgba(0, 168, 118, 0.10);
  --agn-accent-2-border: rgba(0, 168, 118, 0.40);
  --agn-accent-2-text: #067A56;

  --agn-accent-3-rgb: 104, 82, 214;
  --agn-accent-3: #6852D6;
  --agn-accent-3-soft: rgba(104, 82, 214, 0.10);
  --agn-accent-3-border: rgba(104, 82, 214, 0.40);
  --agn-accent-3-text: #5540C0;

  --agn-success: #0E9F6E;
  --agn-success-soft: rgba(14, 159, 110, 0.10);
  --agn-warning: #B7800A;
  --agn-warning-soft: rgba(183, 128, 10, 0.12);
  --agn-danger: #C13C3C;
  --agn-danger-rgb: 193, 60, 60;
  --agn-danger-soft: rgba(193, 60, 60, 0.10);

  --agn-glass-bg: rgba(255, 255, 255, 0.88);
  --agn-shadow-pop: 0 24px 60px rgba(16, 32, 40, 0.16);
  --agn-shadow-card: 0 18px 44px -22px rgba(16, 32, 40, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  --agn-glow-accent: 0 0 0 1px rgba(0, 140, 158, 0.30), 0 8px 24px rgba(0, 140, 158, 0.12);
  --agn-glow-accent-2: 0 10px 36px rgba(0, 168, 118, 0.14);
}

/* ==========================================================================
   3.（已删除）历史「旧变量别名」段
      原为 28 条旧变量名（primary / emerald / purple / bg0-bg2 / card / line /
      text 系 / danger / grad / ease-out / bg-base / bg-card / bg-card-hover /
      border-subtle / gold 系 / text-primary 系 / sidebar-w）对本层令牌的
      var() 映射，用于平滑过渡、保证历史页面零视觉回归。
      2026-10-15：全站消费点（26 个页面 + agn.theme.css + auth.js 贴牌注入 +
      pricing.js 注入样式）已 1:1 改名为 `--agn-*`，本段整体删除。
   ========================================================================== */