/* tokens.css —— 全站唯一样式来源（design-spec.md v1.1 §10 + v1.2 §12.0） */
:root {
  /* 色彩 */
  --c-primary: #1B4B7A;
  --c-primary-dark: #143D63;
  --c-primary-darker: #0F314F;
  --c-primary-light: #24659B;
  --c-accent: #56B7E6;
  --c-link: #146C99;
  --c-ink: #2B3945;
  --c-ink-secondary: #55677A;
  --c-muted: #64748B;
  --c-heading: #12293E;
  --c-border: #D9E2EA;
  --c-border-strong: #C9D6E0;
  --c-surface: #FFFFFF;
  --c-bg: #F5F8FA;
  --c-bg-alt: #EDF2F6;
  --c-footer: #12293E;

  /* 语义色 */
  --c-success: #1E7F4F;  --c-success-bg: #E8F5EE;  --c-success-border: #BFE3CE;
  --c-danger: #B42318;   --c-danger-bg: #FBEAE8;
  --c-warning: #92400E;  --c-warning-bg: #FEF3C7;
  --c-info: #146C99;     --c-info-bg: #E8F1F7;

  /* 渐变与阴影 */
  --grad-hero: linear-gradient(180deg, #F3F7FA 0%, #FFFFFF 100%);
  --grad-cta: linear-gradient(120deg, #143D63 0%, #1B4B7A 55%, #24659B 100%);
  --grad-steel: linear-gradient(135deg, #1B4B7A 0%, #2E7CB8 100%);
  --shadow-1: 0 1px 2px rgba(16,42,67,.06), 0 4px 12px rgba(16,42,67,.06);
  --shadow-2: 0 2px 4px rgba(16,42,67,.08), 0 12px 32px rgba(16,42,67,.12);
  --shadow-focus: 0 0 0 3px rgba(27,75,122,.15);

  /* 圆角 */
  --radius-s: 6px;  --radius-m: 8px;  --radius-l: 16px;

  /* 字体 */
  --font-sans: "Inter", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;

  /* 字号阶梯（桌面；移动端覆盖值见 §3.2，在 max-width:767 媒体查询里覆写） */
  --fs-h1: 44px;   --lh-h1: 56px;
  --fs-h2: 32px;   --lh-h2: 44px;
  --fs-h3: 22px;   --lh-h3: 32px;
  --fs-h4: 18px;   --lh-h4: 28px;
  --fs-lead: 18px; --lh-lead: 32px;
  --fs-body: 16px; --lh-body: 28px;
  --fs-table: 14px;--lh-table: 22px;
  --fs-caption: 13px; --lh-caption: 20px;

  /* 间距（8px 基线） */
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px;  --space-7: 48px; --space-8: 64px;
  --space-9: 96px;

  /* 布局 */
  --container-max: 1200px;
  --container-pad: 24px;
  --nav-h: 64px;

  /* 动效 */
  --ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-standard: cubic-bezier(0.2, 0, 0.2, 1);
  --dur-quick: 150ms; --dur-hover: 180ms; --dur-reveal: 600ms;

  /* ===== v1.2 视觉打磨新增（design-spec §12.0）===== */
  /* 冷色 hairline（浅底） */
  --c-hairline: rgba(27,75,122,.12);
  --c-hairline-strong: rgba(27,75,122,.22);
  /* 深底分隔与弱化文字 */
  --c-on-dark-line: rgba(255,255,255,.10);
  --c-on-dark-dim: rgba(255,255,255,.55);
  /* Hero 专用字阶 */
  --fs-hero: 56px;      --lh-hero: 68px;
  --fs-hero-sub: 20px;  --lh-hero-sub: 32px;
  /* Hero 底部规格 strip 高度 */
  --hero-strip-h: 40px;
  /* 卡片内缩图圆角与图片动效时长 */
  --radius-img: 12px;
  --dur-image: 600ms;
  /* 焦点/装饰浅蓝的柔和档（与 --c-accent 同色相加 alpha，勿用于文字） */
  --c-accent-soft: rgba(86,183,230,.45);
  /* 14px「连读段落」专用字阶（§12.7-7）——步骤说明／卡片副文／表单辅助行／页脚长句。
     不要用在表格（表格走 --fs-table/--lh-table 14/22，行有边框与内边距兜底） */
  --fs-note: 14px;      --lh-note: 24px;
}

/* 断点（写注释给前端，CSS 内按需手写媒体查询）：
   ≤767 移动 / 768–1279 平板 / ≥1280 桌面 / 1024 导航切换点 */