/* ============================================================
   学习库 · 设计令牌
   ------------------------------------------------------------
   视觉语言来源：study-desk-ref（学习工作台）
     · 暖米底色 + 白卡 + 绿色品牌色
     · 五组令牌：颜色 / 字号 / 间距 / 圆角 / 布局
   ⚠️ 为什么不直接用我原来的「宣纸墨迹」：
      御坂 2026-10-16 决定 —— 学习库是独立应用页，视觉跟学习工作台走。
   ⚠️ 令牌分层的意义：我原来只有一坨颜色变量，没有间距与字号阶梯，
      那是「加再多卡片也难看」的技术根因。这里把层次补齐。
   ============================================================ */

:root {
  /* ---------- 颜色 ---------- */
  --bg-canvas:       #F4F1E8;   /* 页面底：暖米 */
  --bg-surface:      #FAF7F0;   /* 次级面：侧栏 */
  --bg-card:         #FFFFFF;   /* 卡片：纯白 */
  --bg-card-soft:    #F9F6EE;   /* 卡内浅块 */
  --bg-accent:       #E8EEF5;   /* 蓝调浅块（中性强调） */
  --bg-warn:         #FBEFE3;   /* 暖橙浅块 */
  --bg-danger:       #F8E5DC;   /* 危险浅块 */
  --bg-success:      #E5EFDF;   /* 成功浅块 */
  --bg-brand-soft:   #DDEBD3;   /* 品牌浅块（导航选中态） */

  --text-primary:    #3D4A3E;   /* 主文字：深绿灰 */
  --text-secondary:  #6F7A6E;
  --text-muted:      #A5AFA3;
  --text-inverse:    #FFFFFF;

  --brand-primary:   #7FB069;   /* 品牌：柔绿 */
  --brand-strong:    #2F5C2F;   /* 品牌深色（文字用，保证对比度） */
  --brand-secondary: #A8C8E1;   /* 蓝 */
  --brand-accent:    #E8A87C;   /* 橙 */
  --brand-danger:    #D67D7D;

  --border-soft:     #E7E2D2;
  --border-strong:   #CFC9B6;
  /* 几乎不可见的描边：现代卡片靠「淡描边 + 柔和阴影」分离层次，
     而不是靠可见的边框线（这是 workspace-ref 看板好看的关键之一） */
  --border-hair:     rgba(61, 74, 62, .055);

  /* 阴影分两级，都用「贴地细影 + 大范围柔光」的叠层写法 */
  --shadow-card:     0 1px 2px rgba(61, 74, 62, .05), 0 6px 24px -8px rgba(61, 74, 62, .10);
  --shadow-pop:      0 8px 24px rgba(61, 74, 62, .12);
  --shadow-hover:    0 10px 26px -10px rgba(61, 74, 62, .16);

  /* 语义色（学习库专用） */
  --ok:      #2F5C2F;   /* 记住 / 对 */
  --warn:    #9A6A2F;   /* 偏弱 / 提示 */
  --danger:  #A8453C;   /* 没记住 / 错 */
  --info:    #3E6187;   /* 中性信息 */

  /* ---------- 字号阶梯（clamp 响应式） ---------- */
  --fs-display: clamp(18px, 2.4vw, 22px);
  --fs-h1:      clamp(20px, 2.2vw, 24px);
  --fs-h2:      clamp(18px, 2vw, 20px);
  --fs-h3:      17px;
  --fs-body:    15px;
  --fs-small:   13px;
  --fs-mini:    11px;

  /* ---------- 间距梯度 ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* ---------- 圆角分级 ---------- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* ---------- 布局 ---------- */
  --layout-nav-width:        240px;
  --layout-nav-width-tablet: 160px;
  --layout-nav-width-mobile: 68px;
  --layout-content-max:      960px;
  --layout-content-pad:      24px;
  --layout-header-height:    64px;

  /* ---------- 字体 ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", "HarmonyOS Sans", sans-serif;
  --font-num:  "DIN Alternate", "JetBrains Mono", ui-monospace, Consolas, monospace;
  /* 题目正文与题干用衬线（保留句子库那套「楷体优先」的经验） */
  --font-serif: "Kaiti SC", KaiTi, STKaiti, "楷体", "Songti SC",
                "Noto Serif CJK SC", "Source Han Serif SC", STSong, SimSun, serif;
}