/* tokens.css — 血红龙鱼科品种大全 · 唯一变量来源
   由 site-design-system 的抽取结果人工收敛语义名（原抽取见 05-design-system/design-system.md）。
   三页共用；新增变量先改这里，再改组件。 */

:root {
  /* ---- 底色与表面 ---- */
  --bg: #0b0b0c;                /* 页面底色 */
  --bg-band: #101012;           /* 分区带（浅一档） */
  --bg-band-2: #0d0d0e;         /* 分区带（深一档） */
  --card: #17171a;              /* 卡片 / 面板 */
  --card-2: #1c1c1f;            /* 卡片内嵌层 */
  --surface: #2a2a2e;           /* 进度条槽等控件底 */

  /* ---- 描边 ---- */
  --line: #26262a;              /* 卡片与表格描边 */
  --line-soft: #1d1d20;         /* 分区分隔线 */

  /* ---- 强调色：血红（唯一品牌强调） ---- */
  --red: #e0231f;               /* 主强调：按钮、编号、勾选 */
  --red-deep: #b81a16;          /* 深压：表头、边线 */
  --red-bright: #ff4a3d;        /* 悬停与高亮文字 */
  --gold: #c8a15a;              /* 仅用于金龙相关条目的辅助色 */

  /* ---- 文字 ---- */
  --text: #f6f2ee;              /* 标题 */
  --body: #b7b2ac;              /* 正文 */
  --muted: #8b8680;             /* 说明文字 */
  --dim: #5f5b57;               /* 页脚注释与最弱信息 */
  --ink-invert: #fff;           /* 深色底上的反白文字 */

  /* ---- 字体族 ---- */
  --font: 'PingFang SC','Microsoft YaHei','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --mono: "SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", monospace;

  /* ---- 字号阶（正文 15，卡内最小 10） ---- */
  --fs-2xs: 10px;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13.5px;
  --fs-base: 15px;
  --fs-lg: 17px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 26px;
  --fs-4xl: 46px;
  --fs-hero: 62px;

  /* ---- 行高 ---- */
  --lh-tight: 1.25;
  --lh-snug: 1.45;
  --lh-body: 1.7;
  --lh-loose: 1.85;

  /* ---- 圆角 ---- */
  --r-xs: 5px;
  --r-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --r-pill: 999px;
  --r-round: 50%;

  /* ---- 版式 ---- */
  --container: 1180px;
  --gutter: 24px;
  --section-y: 20px;
  --gap-card: 12px;

  /* ---- 层级与动效 ---- */
  --z-header: 60;
  --ease: cubic-bezier(.22, .68, .36, 1);
  --shadow: 0 18px 40px -30px rgba(0, 0, 0, .95);
}