/* vars.css — 全站唯一样式变量定义（DESIGN.md 3.10）：字号 11 档、字体 2 套、语义色一组。
   页面与组件只许引用变量，禁止散写 px 字号 / 字体名 / 颜色值。 */

:root {
  /* 字号（仅这 11 档，页面只能取其一） */
  --fs-14: 14px;  /* 正文默认（五号） */
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-32: 32px;
  --fs-36: 36px;  /* 大标题一般不超过此 */
  --fs-48: 48px;  /* 封面级 */
  --fs-60: 60px;  /* 封面级 */
  --fs-code: 14px; /* 代码字号：Monaco 与用户设置专用，不计入排版体系 */

  /* 字体（仅两套） */
  --font-ui: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
  --font-code: "Cascadia Code", Consolas, "Courier New", monospace;

  /* 颜色（语义变量，定稿：Gitee 风格蓝主色 + 橘色 active + 白底浅灰，只改本文件） */
  --color-primary: #1e88c7;   /* Gitee 蓝：可点击的链接/按钮/文字按钮 */
  --color-accent: #ff6a00;    /* Gitee 橘：当前选中态/顶部 sheet active */
  --color-success: #2e7d32;
  --color-warning: #e8a33d;
  --color-danger: #d9534f;    /* 柔和红：仅危险/删除操作 */
  --color-text: #1a1a1a;       /* 正文：近黑 */
  --color-text-2: #333333;     /* 二级文字：深黑蓝 */
  --color-text-3: #888888;     /* 辅助文字：灰 */
  --color-border: #e5e5e5;
  --color-bg: #ffffff;
  --color-bg-2: #f5f5f5;
  --color-bg-3: #eeeeee;   /* 代码块背景：比页面背景略深 */
  --color-bg-4: #e8e8e8;   /* 行间代码背景 */
}