/* ==========================================================================
   设计令牌 —— 全站唯一的可变量来源
   ========================================================================== */

:root {
  /* ---- 色彩：深色为主（硅谷科技风） ---- */
  --ink-950: #05070b;
  --ink-900: #07090e;
  --ink-850: #0a0e15;
  --ink-800: #0e1219;
  --ink-750: #121822;
  --ink-700: #161d28;
  --ink-600: #1e2734;

  --accent: #ff5c39;
  --accent-hi: #ff7554;
  --accent-lo: #e0431f;
  /* RGB 三元组：让强调色可被主题层整体换色（派生色统一写成 rgba(var(--accent-rgb), α)） */
  --accent-rgb: 255, 92, 57;
  --accent-soft: rgba(var(--accent-rgb), 0.12);
  --accent-line: rgba(var(--accent-rgb), 0.32);
  /* 压在强调色上的文字色（强调色变浅时由主题层翻转为深色） */
  --on-accent: #ffffff;

  --data: #7ce0c8;
  --data-rgb: 124, 224, 200;
  --data-soft: rgba(var(--data-rgb), 0.12);

  --warn: #ffb020;
  --ok: #4ade80;

  /* ---- 语义（深色） ---- */
  --bg: var(--ink-900);
  --bg-alt: var(--ink-850);
  --surface: var(--ink-800);
  --surface-2: var(--ink-750);
  --surface-3: var(--ink-700);
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.18);
  --text: #e9edf5;
  --text-2: #a6b1c3;
  --text-3: #6f7c91;
  --head: #ffffff;

  /* ---- 字体 ---- */
  --font-display: 'Space Grotesk', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-body: 'Geist', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', system-ui, sans-serif;
  --font-mono: 'SFMono-Regular', ui-monospace, 'JetBrains Mono', Menlo, Consolas, monospace;

  /* ---- 排版尺度 ---- */
  --fs-hero: clamp(2.4rem, 5.4vw, 4.4rem);
  --fs-h1: clamp(2rem, 4.2vw, 3.4rem);
  --fs-h2: clamp(1.6rem, 2.8vw, 2.35rem);
  --fs-h3: clamp(1.1rem, 1.5vw, 1.3rem);
  --fs-body: 1rem;
  --fs-sm: 0.9rem;
  --fs-xs: 0.8rem;

  /* ---- 间距与容器 ---- */
  --shell: 1320px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-y: clamp(4.5rem, 9vw, 8.5rem);

  /* ---- 圆角 ---- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* ---- 阴影 ---- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 18px 40px -22px rgba(0, 0, 0, 0.75);
  --shadow-lg: 0 40px 90px -40px rgba(0, 0, 0, 0.9);
  --glass: inset 0 1px 0 rgba(255, 255, 255, 0.06);

  /* ---- 动效 ---- */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --dur: 0.5s;
  --dur-fast: 0.22s;

  --header-h: 72px;
}

/* ---- 亮色区块 / 亮色页（局部反转） ---- */
[data-theme='light'] {
  --bg: #f4f5f7;
  --bg-alt: #eceef2;
  --surface: #ffffff;
  --surface-2: #f7f8fa;
  --surface-3: #eef0f4;
  --line: rgba(11, 14, 20, 0.1);
  --line-strong: rgba(11, 14, 20, 0.2);
  --text: #161a22;
  --text-2: #4d5666;
  --text-3: #78828f;
  --head: #0b0e14;
  --shadow-md: 0 18px 40px -26px rgba(11, 14, 20, 0.28);
  --shadow-lg: 0 40px 90px -50px rgba(11, 14, 20, 0.32);
  --glass: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}