/* tokens.css — 设计令牌（唯一来源：figctx bundle《设计 Token 表》+ frontend-execute.md §3.4） */
:root {
  /* 颜色 */
  --color-primary: #c30e23;
  --color-primary-dark: #a50b1d;
  --color-accent: #fe7e01;
  --color-gold: #f39800;      /* NEWS-list 焦点新闻下方装饰三角 */
  --color-primary-deep: #690000; /* CONTACTS 表单渐变深端 */
  --color-gray-100: #f8f8f8;
  --color-gray-200: #e6e6e6;  /* 表格表头底色（PRODUCTS-detail） */
  --color-gray-300: #d9d9d9;
  --color-gray-400: #cccccc;  /* CONTACTS 联系图标盒描边 */
  --color-gray-500: #666666;  /* NEWS 卡日期 */
  --color-text-1: #000000;
  --color-text-2: #555555;
  --color-text-3: #999999;
  --color-bg-page: #ffffff;
  --color-bg-card: #ffffff;
  --color-border-1: #d9d9d9;

  /* 字体 */
  --font-family-base: "Jost", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-family-caption: "Inter", "Jost", sans-serif;
  --font-size-hero: 4.25rem;      /* 68px 首屏大标题 */
  --font-size-display: 3.5rem;    /* 56px culture 卡标题 / about hero 标语 */
  --font-size-stat: 5rem;         /* 80px 数据 */
  --font-size-h1: 3rem;           /* 48px 区块标题 */
  --font-size-h2: 2.25rem;        /* 36px 导语 */
  --font-size-h3: 1.5rem;         /* 24px 卡片标题 */
  --font-size-body-lg: 1.25rem;   /* 20px */
  --font-size-body-md: 1.125rem;  /* 18px */
  --font-size-body: 1rem;         /* 16px */
  --font-size-body-sm: .875rem;   /* 14px */
  --font-size-caption: .625rem;   /* 10px 版权（设计稿原值，低于阶梯下限见 review） */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800; /* 设计稿 Jost-ExtraBold（NEWS 焦点新闻标题；Jost 可变字重支持） */
  --line-height-title: 1.25;      /* 60/48 */
  --line-height-heading: 1.117;   /* 76/68 */
  --line-height-normal: 1.6;

  /* 间距（4 基数） */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* 圆角与阴影（设计稿 r=5 按 §1.6 阶梯归并为 4） */
  --radius-sm: .25rem;
  --radius-md: .5rem;
  --radius-full: 999px;
  --shadow-1: 0 4px 10px rgba(0, 0, 0, .15);
  --shadow-btn-glass: 0 4px 4px rgba(0, 0, 0, .12);

  /* 断点（供 JS/文档参考；媒体查询内直接写数值，见 §2.1） */
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
}