/* ==========================================================================
   theme.css — 设计令牌（Design Tokens）
   --------------------------------------------------------------------------
   这是「换风格」唯一需要改的文件：颜色、字体、圆角、阴影、间距节奏。
   site.css / tool.css 里只引用这些变量，不写死具体色值。
   当前主题：白底 + 蓝色科技感（主页交互舞台见 tech.css）
   ========================================================================== */

:root {
  /* ---------- 颜色 ---------- */
  --bg:            #ffffff;   /* 页面底色 */
  --surface:       #fafafa;   /* 次级面（hover、代码块底） */
  --surface-2:     #f4f4f5;   /* 更深的次级面 */
  --ink:           #111111;   /* 主文字 */
  --ink-soft:      #3f3f46;   /* 正文段落 */
  --muted:         #6b7280;   /* 次要文字、说明 */
  --line:          #e8e8e8;   /* 分割线 */
  --line-strong:   #d4d4d8;   /* 强分割线、输入框边框 */
  --accent:        #1d4ed8;   /* 强调色（按钮、链接下划线）：科技蓝 */
  --accent-ink:    #ffffff;   /* 强调色上的文字 */
  --ok:            #16a34a;   /* 成功 */
  --warn:          #b45309;   /* 警告 */
  --err:           #dc2626;   /* 错误 */

  /* ---------- 科技感的蓝（tech.css 与 hero.js 共用同一套色） ---------- */
  --tech-blue:     #2563eb;
  --tech-blue-deep:#1d4ed8;
  --tech-cyan:     #0891b2;
  --tech-ink:      #0b1220;
  --tech-line:     rgba(37, 99, 235, .14);
  --tech-line-2:   rgba(37, 99, 235, .3);
  --tech-grid:     rgba(37, 99, 235, .08);
  --tech-glow:     rgba(37, 99, 235, .34);
  --stage-min:     620px;

  /* ---------- 科技未来视觉层（U8：theme.css / site.css / tool.css / tech.css 共用） ----------
     新增令牌只允许在这里定义；site.css 与 tool.css 只引用，不写死色值。 */
  --tech-blue-2:    #3b82f6;                          /* 亮蓝：描边、发光核心 */
  --tech-cyan-2:    #06b6d4;                          /* 亮青：高光、次级强调 */
  --tech-violet:    #7c3aed;                          /* 紫：渐变末端、点缀 */
  --tech-deep:      #0a1b3d;                          /* 深空蓝：深色文字与描边 */
  --tech-glass:     rgba(255, 255, 255, .58);         /* 玻璃面 1（压暗） */
  --tech-glass-2:   rgba(255, 255, 255, .86);         /* 玻璃面 2（提亮） */
  --tech-hair:      rgba(15, 23, 42, .07);            /* 中性发丝线 */
  --tech-hair-2:    rgba(37, 99, 235, .22);           /* 蓝色发丝线 */
  --tech-glow-sm:   0 0 0 1px rgba(37, 99, 235, .10), 0 10px 26px -18px rgba(37, 99, 235, .55);
  --tech-glow-md:   0 0 0 1px rgba(37, 99, 235, .16), 0 22px 48px -26px rgba(37, 99, 235, .65);
  --tech-grad:      linear-gradient(135deg, #2563eb 0%, #0891b2 52%, #7c3aed 118%);
  --tech-grad-line: linear-gradient(90deg, rgba(37,99,235,0), rgba(37,99,235,.55) 20%, rgba(6,182,212,.55) 80%, rgba(124,58,237,0));
  --tech-sheen:     linear-gradient(115deg, transparent 32%, rgba(255, 255, 255, .72) 48%, transparent 64%);

  /* ---------- 字体 ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
               "Liberation Mono", "Courier New", monospace;

  --fs-base:  16px;
  --fs-sm:    14px;
  --fs-xs:    12.5px;
  --lh-base:  1.75;
  --lh-tight: 1.06;

  /* ---------- 尺寸 ---------- */
  --maxw:       900px;    /* 正文栏宽 */
  --maxw-wide: 1120px;    /* 卡片/栅格可以更宽 */
  --gutter:     28px;     /* 左右留白 */
  --nav-h:      60px;

  --radius-sm:  6px;
  --radius:     8px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* ---------- 阴影 ---------- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);
  --shadow-md: 0 10px 30px -18px rgba(0, 0, 0, .28);

  /* ---------- 节奏 ---------- */
  --sec-pad: 76px;
  --gap:     18px;
}