/* ==========================================================================
   tokens.css — 设计令牌（唯一色值来源，组件层禁止硬编码颜色）
   方向：复古未来 / 终端感。深色底 + 单一荧光青绿强调色。
   ========================================================================== */

:root {
  color-scheme: dark;

  /* ---- 表面与文字 ---- */
  --color-bg: #06090b;          /* 全站底色：近黑带青 */
  --color-surface: #0d1215;     /* 卡片 / 终端内壁 */
  --color-surface-2: #111a1d;   /* 卡片悬停 / 次级面 */
  --color-text: #e8f1f2;        /* 正文与大标题 */
  --color-muted: #8a9aa0;       /* 注释 / 编号 / 单位（对底色 6.1:1） */

  /* ---- 强调色：全站唯一，只给关键动作与数据 ---- */
  --color-accent: #00f5a0;
  --color-accent-2: #14d8ff;    /* 仅用于渐变延伸，不单独铺色块 */

  /* ---- 描边与网格 ---- */
  /* 中性描边为主，青绿描边只留给重点卡 */
  --color-edge: rgba(232, 241, 242, 0.13);
  --color-edge-strong: rgba(232, 241, 242, 0.24);
  --color-border: rgba(0, 245, 160, 0.26);
  --color-border-soft: rgba(0, 245, 160, 0.14);
  --color-hairline: rgba(232, 241, 242, 0.10);
  --grid-line: rgba(0, 245, 160, 0.05);
  --grid-size: 40px;

  /* ---- 字体：全部本机字体，零外部请求 ---- */
  --font-mono: "JetBrains Mono", "SF Mono", "Cascadia Mono", Consolas, Menlo,
    "DejaVu Sans Mono", monospace;
  --font-display: "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC",
    "Microsoft YaHei", sans-serif;
  --font-body: "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC",
    "Microsoft YaHei", sans-serif;

  /* ---- 字阶（模块化，全部写进变量，禁止临时手写数值） ---- */
  --fs-hero: clamp(2.375rem, 10.5vw, 5.75rem);  /* 38 → 92px */
  --fs-h2: clamp(1.625rem, 6vw, 2.75rem);       /* 26 → 44px */
  --fs-h3: 1.25rem;                              /* 20px */
  --fs-body: clamp(0.9375rem, 3.9vw, 1.0625rem); /* 15 → 17px */
  --fs-small: 0.8125rem;                         /* 13px */
  --fs-mono: 0.75rem;                            /* 12px */

  /* ---- 间距梯度 ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 140px;

  /* ---- 圆角：偏小，保持终端硬边感 ---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* ---- 阴影：带环境色的三级高度 ---- */
  --shadow-1: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 8px 28px rgba(0, 0, 0, 0.45);
  --shadow-3: 0 24px 64px rgba(0, 0, 0, 0.55);
  /* 发光克制：只做边缘提示，不做霓虹灯管 */
  --glow-soft: 0 0 0 1px var(--color-border-soft), 0 0 32px -14px rgba(0, 245, 160, 0.5);
  --glow-strong: 0 0 0 1px rgba(0, 245, 160, 0.18), 0 12px 48px -20px rgba(0, 245, 160, 0.55);

  /* ---- 动效 ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;

  /* ---- 版心：宽构图用于首屏与卡片，窄测量用于长文阅读 ---- */
  --measure: 680px;
  --measure-wide: 1080px;
  --gutter: clamp(20px, 5.5vw, 40px);
}