/* =========================================================================
   tokens.css — 设计变量唯一来源（design-spec §1.6）
   注：--font-sans 按主理人开工指令 #7 改为纯系统字体栈（不引 webfont CDN），
       覆盖 design-spec §1.6 原字面（Inter/Noto Sans SC）。其余色值/间距/圆角原样落地。
   ========================================================================= */
:root{
  /* 背景 */
  --bg-900:#0A0A12;
  --bg-800:#1A0B2E;
  --bg-glow-orange:rgba(255,122,0,0.14);
  --bg-glow-purple:rgba(123,92,255,0.22);
  /* 主色/点缀 */
  --accent-orange:#FF7A00;
  --accent-orange-hover:#FF8F2E;
  --accent-orange-active:#E96E00;
  --accent-purple:#7B5CFF;
  --accent-purple-soft:rgba(123,92,255,0.12);
  /* 文字 */
  --text-100:#F5F5F7;
  --text-200:#B9B4CC;
  --text-300:#6E6A82;
  --on-accent:#0A0A12;            /* 橙底上的深字 */
  /* 语义色 */
  --sem-success:#3DDC84;
  --sem-warning:#FFB020;
  --sem-error:#FF5C5C;
  /* 玻璃态 */
  --glass-bg:rgba(255,255,255,0.06);
  --glass-bg-strong:rgba(255,255,255,0.10);
  --glass-border:rgba(255,255,255,0.12);
  --glass-border-strong:rgba(255,255,255,0.20);
  --glass-blur:blur(16px) saturate(140%);
  --glass-shadow:0 8px 40px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08);
  /* 圆角 */
  --radius-sm:8px;
  --radius:14px;
  --radius-lg:20px;
  --radius-pill:999px;
  /* 间距刻度(8px基准) */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-6:24px;
  --sp-8:32px; --sp-12:48px; --sp-16:64px; --sp-24:96px; --sp-32:128px;
  /* 容器/栅格 */
  --container:1200px;
  --container-narrow:760px;
  --gutter:24px;
  /* 字体（系统栈，无 webfont CDN） */
  --font-sans:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  /* 焦点态描边 */
  --focus-orange:#FFD9A8;
  /* 顶部导航高度 */
  --header-h:64px;
  --header-h-m:56px;
}