/* ==========================================================================
   TIEDI v1 · tokens.css
   职责:只放 CSS 变量(颜色/字体/间距/圆角/字号/缓动)
   规则:严禁出现任何选择器或样式规则(只 :root)
   ========================================================================== */

:root {
  /* ===== 基础调色 · 深空背景 (默认 dark theme) ===== */
  --bg-0: #04060c;       /* 页面底色 · 深空最暗 */
  --bg-1: #080b18;       /* 卡片底色 · 1 级面板 */
  --bg-2: #0c1224;       /* 嵌套元素 · 2 级面板 */
  --bg-3: #131a30;       /* 悬浮 / 弹窗底 */
  --bg-glass: rgba(12, 18, 36, 0.85);

  /* ===== 文字 5 级(加强对比度,均通过 WCAG AA) =====
     -0 主标题: #ffffff (对比度 19:1, AAA)
     -1 正文  : #eaedfa (对比度 15.5:1, AAA)
     -2 次要  : #c8d0e4 (对比度 10.5:1, AAA)
     -3 辅助  : #a8b0c8 (对比度 6.4:1, AA Large)
     -4 占位  : #7e869e (对比度 4.0:1, AA Large) */
  --text-0: #ffffff;
  --text-1: #eaedfa;
  --text-2: #c8d0e4;
  --text-3: #a8b0c8;
  --text-4: #7e869e;

  /* ===== 边框 2 级 ===== */
  --border-1: rgba(255, 255, 255, 0.08);
  --border-2: rgba(255, 255, 255, 0.16);

  /* ===== 4 主色霓虹 ===== */
  --c-cyan:    #00f0ff;   /* 青 · 政府 / 经济 / 平台 / 数据 */
  --c-amber:   #ffb627;   /* 琥珀 · 企业 / 政策 / 服务 / 暖色 */
  --c-violet:  #7b2cff;   /* 紫罗兰 · 科研 / 智能 (AI 已独立) */
  --c-magenta: #ff2e9a;   /* 品红 · 招商 / 活力 / 转化率 */

  /* AI 专属科幻绿(独立于 4 主色,跨角色统一) */
  --c-ai:      #00ff9d;   /* 霓虹绿 · AI / DeepMining / 智能力 */
  --c-ai-soft: rgba(0, 255, 157, 0.18);
  --c-ai-rgb:  0, 255, 157;

  /* 软色版 (背景透明叠加) */
  --c-cyan-soft:    rgba(0, 240, 255, 0.18);
  --c-amber-soft:   rgba(255, 182, 39, 0.18);
  --c-violet-soft:  rgba(123, 44, 255, 0.22);
  --c-magenta-soft: rgba(255, 46, 154, 0.18);

  /* RGB 三元组 (用于动态透明度) */
  --c-cyan-rgb:    0, 240, 255;
  --c-amber-rgb:   255, 182, 39;
  --c-violet-rgb:  123, 44, 255;
  --c-magenta-rgb: 255, 46, 154;

  /* ===== 业务语义色 ===== */
  --c-platform: var(--c-cyan);     /* 平台/驾驶舱 → 青 */
  --c-business: var(--c-magenta);   /* 招商/业务 → 品红 */
  --c-policy:   var(--c-amber);     /* 政策/服务 → 琥珀 */

  /* ===== 状态色 (业务语义) ===== */
  --status-success: #4ec94e;
  --status-warning: #ffc53d;
  --status-danger:  #ff4569;
  --status-info:    #36d6ff;

  /* ===== 字体 (中英双语) ===== */
  --f-display-en: "Major Mono Display", "JetBrains Mono", monospace;
  --f-display-cn: "Noto Serif SC", "STZhongsong", "STSong", serif;
  --f-body:       "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --f-mono:       "JetBrains Mono", "SF Mono", Menlo, monospace;

  /* ===== 字号 (加强可读性,最低 11px 起步) ===== */
  --fs-display: clamp(38px, 5vw, 72px);
  --fs-h1: 30px;
  --fs-h2: 22px;
  --fs-h3: 16px;
  --fs-body: 14px;
  --fs-small: 13px;   /* ↑ 从 12 提到 13,易读门槛 */
  --fs-micro: 11px;   /* ↑ 从 10 提到 11,WCAG AA 最低 */

  /* ===== 间距 ===== */
  --gap-xs:  8px;
  --gap-sm:  12px;
  --gap-md:  20px;
  --gap-lg:  32px;
  --gap-xl:  48px;
  --gap-2xl: 72px;

  /* ===== 圆角 (工业感,严禁 12-20px) ===== */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;
  --r-full: 999px;

  /* ===== 缓动 ===== */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* ===== 阴影 / 光晕 ===== */
  --shadow-card:  0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-modal: 0 30px 80px rgba(0, 0, 0, 0.6);
  --shadow-text:  none;

  /* ===== 当前主题 (被 themes.css 覆写) ===== */
  --c-primary: var(--c-cyan);
  --c-primary-soft: var(--c-cyan-soft);
  --c-primary-rgb: var(--c-cyan-rgb);
}

/* ==========================================================================
   ★ 亮色主题 (Light Theme)
   通过 <html data-theme="light"> 或 document.documentElement.dataset.theme 切换
   - 背景从深空 → 浅灰白
   - 文字从浅白 → 深灰黑
   - 边框反向
   - 4 主色霓虹保持,但 soft 透明度调低以适应浅底
   - 状态色提亮
   ========================================================================== */
[data-theme="light"] {
  /* 基础调色 · 浅色系(加深底色,让白底卡片有层次) */
  --bg-0: #e3e8f1;       /* 页面底色 · 冷灰(加深一档,避免白纸感) */
  --bg-1: #ffffff;       /* 卡片 · 纯白 */
  --bg-2: #f4f6fb;       /* 嵌套 · 浅 */
  --bg-3: #d6dce8;       /* 悬浮 · 较深 */
  --bg-glass: rgba(255, 255, 255, 0.85);

  /* 文字 5 级 · 深色系 */
  --text-0: #0a0f1c;     /* 标题(对比 19:1, AAA) */
  --text-1: #1a2238;     /* 正文(对比 15:1, AAA) */
  --text-2: #475066;     /* 次要(对比 8.5:1, AAA) */
  --text-3: #6a7390;     /* 辅助(对比 5.0:1, AA) */
  --text-4: #8893a8;     /* 占位(AA Large ≥ 3:1) */

  /* 边框反向 */
  --border-1: rgba(10, 15, 28, 0.08);
  --border-2: rgba(10, 15, 28, 0.18);

  /* 软色版:浅底上用更深更饱和的色,透明度降低避免过亮 */
  --c-cyan-soft:    rgba(0, 145, 165, 0.12);
  --c-amber-soft:   rgba(195, 120, 20, 0.14);
  --c-violet-soft:  rgba(85, 25, 175, 0.12);
  --c-magenta-soft: rgba(200, 25, 110, 0.12);

  /* 4 主色微调:浅底上压两档,作为文字也能通过 AA */
  --c-cyan:    #007a8a;
  --c-amber:   #a8680a;
  --c-violet:  #6420d0;
  --c-magenta: #c41866;

  /* AI 科幻绿(浅底版:深一档,作为文字 AA 通过) */
  --c-ai:      #008a55;
  --c-ai-soft: rgba(0, 138, 85, 0.14);
  --c-ai-rgb:  0, 138, 85;

  /* RGB 三元组 */
  --c-cyan-rgb:    0, 122, 138;
  --c-amber-rgb:   168, 104, 10;
  --c-violet-rgb:  100, 32, 208;
  --c-magenta-rgb: 196, 24, 102;

  /* 状态色 (深一些) */
  --status-success: #2f9e44;
  --status-warning: #c97a0a;
  --status-danger:  #d6336c;
  --status-info:    #0a8bb5;

  /* 阴影更轻 */
  --shadow-card:  0 6px 24px rgba(10, 15, 28, 0.08);
  --shadow-modal: 0 30px 80px rgba(10, 15, 28, 0.18);
  --shadow-text:  none;
}