/* ============================================================
   设计令牌 Design Tokens —— 对应方案文档 4.1~4.4（P0 已收敛）
   Swiss-Editorial：深色瑞士风 × 编辑排版
   去渐变 / 去辉光 / 去青色 / 锐角化 / 短促动效
   2026-08-19 起：header / wechat-cta 局部启用毛玻璃（背景渐变透出磨砂质感，见 --glass-*）
   ============================================================ */
:root {
  /* ---- 色彩：去渐变、去青、去辉光（2026-08-13 提亮一档，缓解深底压抑感；2026-08-19 再提亮一档，官网观感更通透，星空层同步增强对比） ---- */
  --bg-base: #1D2942;
  --bg-base-2: #23304E;
  --bg-panel: #2A3A5C;                    /* 实色面板（替代 --bg-glass 半透明玻璃态） */

  /* ---- 毛玻璃（2026-08-19 新决策：header / wechat-cta 局部启用）。
     半透明衬底基于对应底色，配合 backdrop-blur 让背景渐变/星点透出磨砂质感；
     不支持 backdrop-filter 的浏览器由 @supports 降级回实色面板 */
  --glass-bg: rgba(29, 41, 66, 0.55);        /* 对应 --bg-base */
  --glass-bg-strong: rgba(35, 48, 78, 0.65); /* 对应 --bg-base-2（滚动后的 header） */
  --glass-blur: 14px;

  /* 交互主色（亮蓝）：全站唯一 UI 强调色；品牌深色主题色见 --brand-deep */
  --primary: #2E7CF6;
  --primary-hover: #4A8EF8;

  /* ---- 品牌色（用户品牌）
     #DAE2F5 浅蓝 ≈ 中国古典「月白」系 —— 浅色主题 / 文字强调
     #2E549B 深蓝 ≈ 「黛蓝 / 靛青」系 —— 深色主题色（面板、徽章、描边）
     微量红 ≈ 「朱砂 / 绛红」系 —— 预留：仅作点睛等微量元素（朱印落款已移除），克制使用 */
  --brand: #DAE2F5;
  --brand-deep: #2E549B;
  --brand-deep-soft: rgba(46, 84, 155, 0.22);
  --accent-red: #B83A33;

  --text-1: #EAF1FB;
  --text-2: #AFC1E0;
  --text-3: #8CA0C4;
  --text-on-primary: #FFFFFF;
  --border: rgba(175, 193, 224, 0.22);
  --border-strong: rgba(175, 193, 224, 0.42);
  /* 细分隔线（编辑式排版）：用于无框模块之间的 1px 分隔，视觉更轻盈 */
  --hairline: rgba(175, 193, 224, 0.2);

  /* 语义色：仅"认证通过 / 待办"等强语义场景，禁止作装饰 */
  --success: #2FD38C;
  --warning: #F5A623;

  /* ---- 字体（授权核查 2026-08-13）
     Chakra Petch / JetBrains Mono / Noto Sans SC（= 思源黑体 Google 版）：
     均收录于 Google Fonts，采用 SIL Open Font License 1.1 开源协议
     —— 允许免费商业使用、可修改再分发（限制：不得单独售卖字体文件、修改后需更名）。
     中文回退 PingFang SC / Microsoft YaHei 等系统字体，无授权负担。 */
  --font-display: "Chakra Petch", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
  --font-body: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, "Courier New", monospace;

  /* ---- 字号 ---- */
  --fs-hero: clamp(2.6rem, 7vw, 4.5rem);
  --fs-h1: clamp(1.8rem, 3.6vw, 2.5rem);
  --fs-h2: clamp(1.35rem, 2.6vw, 1.85rem);
  --fs-h3: 1.15rem;
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.78rem;

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

  /* ---- 圆角：锐角化（仅圆形按钮/头像可用 --radius-full） ---- */
  --radius-sm: 2px;
  --radius: 0;
  --radius-lg: 0;
  --radius-full: 999px;

  /* ---- 动效：短促（Swiss 上限 duration-150） ---- */
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --t-fast: 0.15s;
  --t-base: 0.15s;
  --t-slow: 0.4s;   /* 仅滚动入场 */

  /* ---- 布局 ---- */
  --container: 1200px;
  /* 超大屏（≥2560）时导航字放大，header 同步微增；小屏钳在 68px 不动 */
  --header-h: clamp(68px, 66px + 0.2vw, 76px);
  --z-float: 90;
  --z-header: 100;
  --z-drawer: 200;
}

/* ============================================================
   浅色主题「白昼星空」（2026-08-19 新决策）
   手动切换（header 主题按钮 + localStorage: skypine-theme），默认深色。
   语义化反转：底色提亮为浅蓝灰、面板纯白、文字转为深蓝墨色、
   主色 --primary 与深色主题保持一致（蓝在深浅底上都成立）；
   --brand 从「月白」反转为「黛蓝」，用于深色主题下的文字强调。
   星空/网格/光柱等非 token 硬编码的浅色修正集中在 css/theme-light.css。
   ============================================================ */
html[data-theme="light"] {
  color-scheme: light;

  --bg-base: #F1F4FA;
  --bg-base-2: #E7EBF3;
  --bg-panel: #FFFFFF;

  --glass-bg: rgba(255, 255, 255, 0.62);
  --glass-bg-strong: rgba(255, 255, 255, 0.78);

  --brand: #2E549B;                    /* 黛蓝：浅色主题下的文字强调色 */
  --brand-deep: #1F4483;
  --brand-deep-soft: rgba(46, 84, 155, 0.14);

  --text-1: #1B2A4A;
  --text-2: #3E5078;
  --text-3: #5F7196;
  --text-on-primary: #FFFFFF;
  --border: rgba(27, 42, 74, 0.14);
  --border-strong: rgba(27, 42, 74, 0.3);
  --hairline: rgba(27, 42, 74, 0.1);
}