/* ==========================================================================
   设计令牌
   主色：深蓝 / 藏青 / 墨蓝    辅色：银灰 / 冷金
   改动只在这里，组件样式一律引用变量。
   ========================================================================== */

:root {
  /* 墨蓝阶梯 —— 用于深色区块、标题、页脚 */
  --ink-900: #080e1c;
  --ink-800: #0d1729;
  --navy-800: #101d34;
  --navy-700: #16243d;
  --navy-600: #1d3054;
  --navy-500: #26406e;

  /* 强调蓝 —— 用于按钮、链接 */
  --blue-600: #24468c;
  --blue-500: #2b54a4;
  --blue-400: #4a7bd6;
  --blue-100: #e8effa;

  /* 冷金 —— 只用于小面积强调，不要大面积铺 */
  --gold-600: #86690f;
  --gold-500: #a8871f;
  --gold-400: #c9a227;
  --gold-300: #ddbc55;
  --gold-100: #fbf5e2;

  /* 银灰 —— 背景、描边、次要文字 */
  --silver-50: #fafbfc;
  --silver-100: #f4f6f9;
  --silver-200: #e6eaf0;
  --silver-300: #d3dae4;
  --silver-400: #a9b4c4;
  --silver-500: #7a8798;

  /* 语义色 */
  --text-strong: #0f1729;
  --text-body: #2c3a52;
  --text-muted: #5c6b83;
  --text-invert: #f4f6f9;
  --success: #1a7350;
  --warning: #a8681a;
  --danger: #b3382c;

  /* 排版 */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
    Consolas, monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;
  --fs-4xl: 3rem;

  --lh-tight: 1.2;
  --lh-snug: 1.4;
  --lh-normal: 1.65;

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

  /* 圆角与阴影 */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(15, 23, 41, 0.06);
  --shadow-sm: 0 2px 8px rgba(15, 23, 41, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 23, 41, 0.1);
  --shadow-lg: 0 20px 48px rgba(15, 23, 41, 0.14);

  /* 布局 */
  /* 2026-10-22 加宽：1120 → 1280。用户反馈首屏「小小的、很窄」，
     桌面 1440 下两侧各留 ~80px，视觉更稳；断点体系围绕页头「7 项导航 +
     2 按钮」推算，容器上限只影响 ≥1280 的视口，901–1080 的收窄断点不受影响。 */
  --container: 1280px;
  --container-narrow: 760px;
  /* 首屏专用：比常规容器更宽，让 Hero 与报价卡有呼吸感。 */
  --container-wide: 1120px;
  --header-h: 72px;

  /* 动效 */
  --ease: cubic-bezier(0.32, 0.72, 0.28, 1);
  --dur-fast: 140ms;
  --dur-base: 220ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-base: 0ms;
  }
}