/* 墨与纸 —— 网页端的品牌 token，唯一的一份（DESIGN_TOKENS.md 浅色列）。
   每个公开页面在自己的 <style> 之前 <link> 这个文件；页面里的 :root 只留
   非品牌变量（--rail / --radius / --sidebar-w …）。页面里出现裸的品牌色值就
   是没接上 —— test/unit-brand-tokens.test.mjs 会红。网页暂只做浅色（规则 4）。

   规则（每个面都一样）：主按钮 = 墨底纸字；次按钮 = line 描边 + 墨字；玫瑰只做
   小面积（章节小标、追问 pill、链接、未读点、「示例」徽标、焦点环），不做按钮底、
   不做整块底、不做渐变。 */
:root {
  --bg: #F4EFE8;          /* paper · 页面底 */
  --card: #FBF8F4;        /* surface · 卡片、输入框、agent 气泡 */
  --ink: #1B1917;         /* 正文、标题、主按钮填充、自己的气泡 */
  --ink-soft: #756D66;    /* 次要文字、meta */
  --line: #E4DCD2;        /* 细线、边框、分隔 */
  --on-ink: #F4EFE8;      /* 墨底上的字 */
  --accent: #C2456A;      /* = logo 的玫瑰，只做小面积 */
  --accent-soft: #F7DFE6; /* 强调色 chip 的底 */
  --good: #1A7F4B;
  --bad: #B3402A;

  /* 从 token 推出来的常用值 —— 不是新颜色，只是省得每页各写一遍 color-mix。 */
  --scrim: color-mix(in srgb, var(--ink) 45%, transparent);   /* 弹层遮罩 */
  --shadow: color-mix(in srgb, var(--ink) 18%, transparent);  /* 卡片投影 */
}