/* The Ledger design tokens for the public site: DESIGN-SYSTEM.md §2, copied verbatim, the same text
 * as legabl/web/src/styles/tokens.css (tests/test_site_tokens.py keeps the three equal). The only
 * public-site file allowed to contain colour literals; site.css uses them through var(). */

:root {
  /* 底与面 */
  --ground: #F6F7F9;      /* 页面底 */
  --surface: #FFFFFF;     /* 卡片、表格、面板 */
  --surface-2: #FBFBFC;   /* 表头、次级面 */
  --sunken: #F1F2F4;      /* 引文块、代码块 */
  --rail: #15171A;        /* 左侧图标栏 */
  --rail-on: #2A2E35;

  /* 文字 */
  --ink: #15171A;
  --ink-2: #2B3038;
  --ink-3: #3A4250;
  --dim: #6B7280;         /* 次要文字，4.5:1 on white */
  --faint: #8A9099;       /* 占位、禁用 */

  /* 线 */
  --line: #E3E6EB;
  --line-soft: #EEF0F3;
  --line-strong: #DDE1E7;

  /* 强调 */
  --accent: #3B5BDB;
  --accent-hover: #2F49B5;
  --accent-soft: #E8EEFF;
  --accent-line: #C7D2FE;

  /* 语义 */
  --ok: #1E6B46;      --ok-soft: #E3F3EC;
  --warn: #8A5A14;    --warn-soft: #FFF1DE;   --warn-line: #F3D9A6;
  --late: #B4420E;    /* 超期、缺失：文字用，不做底色 */
  --violet: #5B2DA8;  --violet-soft: #F1E6FF;

  /* 字体 */
  --sans: "IBM Plex Sans", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;

  /* 尺寸 */
  --radius-s: 4px;  --radius: 6px;  --radius-l: 8px;
  --rail-w: 56px;   --panel-w: 420px;  --side-w: 220px;
  --topbar-h: 48px;
}
