/* ============================================================
   laca-tokens.css  v=20260929a
   LACA 设计令牌层（多智能体评审收敛：long_doc / gemma / grok）
   目标：936 个色值 → 14 个语义色；167 个字号 → 8 级阶梯；
         间距/圆角/阴影/层级归一；保留 legacy 变量别名，旧页零改动兼容。
   用法：在全站样式最前引入（其余样式之后引用这些变量）。
   ============================================================ */

:root {
  /* ---- 语义色板（深色默认） ---- */
  --color-bg-primary:    #050008;   /* 页面主背景 */
  --color-bg-secondary:  #1A1A2E;   /* 卡片/面板背景 */
  --color-bg-tertiary:   #241356;   /* 次级面板/输入背景 */
  --color-surface-glass: rgba(5,0,15,0.72);

  --color-text-primary:   #FFFFFF;
  --color-text-secondary: rgba(255,255,255,0.72);
  --color-text-tertiary:  rgba(255,255,255,0.55);  /* ≥0.55 才过 AA（实测） */
  --color-text-faint:     rgba(255,255,255,0.62);  /* 暗底 muted 的合规下限 */

  --color-brand-primary:   #007A8A;  /* 品牌 teal（全站最高频） */
  --color-brand-secondary: #6B46C1;  /* 品牌紫 */
  --color-accent-cyan:     #00F0FF;  /* 深底强调/链接（深底 12:1 过 AA） */
  --color-accent-green:    #39FF14;  /* 生物/成功 */
  --color-accent-pink:     #FF2E97;  /* 强调/警示 */
  --color-accent-gold:     #FFD700;  /* 高亮/特殊 */

  --color-line:        rgba(107,70,193,0.35);
  --color-line-strong: rgba(0,240,255,0.45);

  /* ---- 字号阶梯（8 级，全部 rem） ---- */
  --font-size-xs:   0.75rem;   /* 12px  辅助/标签（硬下限） */
  --font-size-sm:   0.875rem;  /* 14px  次要文本/导航/表格 */
  --font-size-base: 1rem;      /* 16px  正文 */
  --font-size-md:   1.125rem;  /* 18px  强调正文 */
  --font-size-lg:   1.25rem;   /* 20px  卡片标题 */
  --font-size-xl:   1.5rem;    /* 24px  H3 */
  --font-size-2xl:  2rem;      /* 32px  H2 */
  --font-size-3xl:  clamp(2.5rem, 5vw, 4rem);  /* H1/Hero */

  /* ---- 字体角色（5 套 → 3 套） ---- */
  --font-display: 'Orbitron', 'Inter', sans-serif;        /* 标题/品牌 */
  --font-body:    'Inter', -apple-system, 'Segoe UI', sans-serif; /* 正文/长文 */
  --font-mono:    'JetBrains Mono', 'Azeret Mono', monospace;     /* 代码/数据 */

  /* ---- 间距阶梯 ---- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;

  /* ---- 圆角/阴影/层级 ---- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;    /* 卡片统一目标值（现 10/13/14/18/20px 并存） */
  --shadow-glow: 0 0 20px rgba(0,240,255,0.12);
  --z-dropdown: 900; --z-header: 1000; --z-overlay: 1100;

  /* ---- 断点参考（注释，供媒体查询对齐：1200 / 992 / 768 / 480） ---- */

  /* ---- legacy 变量别名（旧页引用旧名自动落到新令牌） ---- */
  --dark-bg:        var(--color-bg-primary);
  --darker-bg:      var(--color-bg-primary);
  --primary-purple: var(--color-brand-secondary);
  --bright-cyan:    var(--color-accent-cyan);
  --bio-green:      var(--color-accent-green);
  --terminal-green: var(--color-accent-green);
  --neon-pink:      var(--color-accent-pink);
  --golden-yellow:  var(--color-accent-gold);
}

/* ---- 浅色主题（data-theme="light"，chrome 与浅色文档页） ---- */
html[data-theme="light"] {
  --color-bg-primary:    #F7F5FC;
  --color-bg-secondary:  #FFFFFF;
  --color-bg-tertiary:   #EAE6F5;
  --color-surface-glass: rgba(255,255,255,0.85);

  --color-text-primary:   #1A1A2E;
  --color-text-secondary: #4A4A68;   /* 白底 8.5:1，合规 */
  --color-text-tertiary:  #6E6E8A;
  --color-text-faint:     #4A4A68;

  --color-accent-cyan:  #007A8A;     /* 浅底 cyan 压暗保对比 */
  --color-accent-green: #007A4D;
  --color-accent-pink:  #C2185B;
  --color-accent-gold:  #B8860B;

  --color-line:        rgba(107,70,193,0.28);
  --color-line-strong: rgba(0,122,138,0.5);

  --dark-bg:   var(--color-bg-primary);
  --darker-bg: var(--color-bg-primary);
}