/* static/css/00-tokens.css */
:root {
  /* === 品牌 === */
  --accent: #E08BA8;                          /* 主粉 */
  --accent-strong: #C5668A;                   /* hover 加深 */
  --accent-soft: rgba(224, 139, 168, 0.12);   /* chip 背景 */
  --accent-glow: rgba(224, 139, 168, 0.4);    /* 阴影/光环 */

  /* === 中性灰阶（暗色基底）=== */
  --bg-0: #0d1117;                            /* 页面 */
  --bg-1: rgba(22, 27, 34, 0.82);             /* 卡片 / 侧栏 */
  --bg-1-hover: rgba(30, 37, 46, 0.92);
  --bg-code: rgba(13, 17, 23, 0.72);          /* 代码块 */

  /* === 边框 === */
  --border-1: rgba(48, 54, 61, 0.6);
  --border-accent: rgba(224, 139, 168, 0.4);

  /* === 文字 === */
  --text-0: #E6EDF3;                          /* 标题 */
  --text-1: #C9D1D9;                          /* 正文 */
  --text-2: #8B949E;                          /* meta 灰 */

  /* === 阴影 === */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.25);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.28);
  --shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.30);
  --shadow-xl: 0 20px 48px rgba(0, 0, 0, 0.40);
  --shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.05);

  /* === 白色叠层（hover/分隔/玻璃） === */
  --overlay-w-02: rgba(255, 255, 255, 0.02);
  --overlay-w-06: rgba(255, 255, 255, 0.06);
  --overlay-w-08: rgba(255, 255, 255, 0.08);
  --overlay-w-12: rgba(255, 255, 255, 0.12);
  --overlay-w-15: rgba(255, 255, 255, 0.15);

  /* === 字体 === */
  --font-body: 'LXGW WenKai Lite', 'LXGW WenKai Light', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, Menlo, monospace;
}