/* ============================================================
   CodexBuddy 官网 · 白+蓝 — 设计令牌
   与 codex_buddy_admin/web/styles/tokens.css 同源（实测提取）：
   层次靠 1px 发丝边框而非重阴影；数字 tabular-nums；蓝是唯一操作色
   ============================================================ */
:root {
  /* 品牌蓝（与 admin 一致） */
  --accent: #1e5fe0;
  --accent-hover: #1850c8;
  --accent-press: #1543ac;
  --accent-soft: #ebf2fe;
  --brand-2: #4a7be8;
  --brand-grad: linear-gradient(135deg, #4a7be8 0%, #8b5cf6 100%);
  --grad-team: linear-gradient(135deg, #06b6d4 0%, #1677ff 100%);

  /* 背景 */
  --bg-app: #ffffff;
  --bg-panel: #fafafa;
  --bg-sunken: #f5f5f5;
  --bg-hover: #f4f5f7;

  /* 文本 4 级（fg-4 加深保 WCAG AA：白底 ≥4.5:1） */
  --fg-1: #0a0a0a;
  --fg-2: #1f2937;
  --fg-3: #525866;
  --fg-4: #6d7591;

  /* 边框 3 级 */
  --border-1: #ecedef;
  --border-2: #e1e3e8;
  --border-3: #ccd0d9;

  /* 语义色（soft 底 + 深字，admin pill 口径） */
  --ok: #16a34a;      --ok-soft: #dcfce7;      --ok-deep: #15803d;
  --warn: #d97706;    --warn-soft: #fef3c7;    --warn-deep: #92400e;
  --danger: #dc2626;  --danger-soft: #fee2e2;  --danger-deep: #b91c1c;
  --danger-bg-subtle: #fffbfb;
  --danger-border-subtle: #f3dcdc;
  --info: #0284c7;    --info-soft: #e0f2fe;    --info-deep: #0369a1;
  --wechat: #07c160;  --wechat-deep: #0b6e3f;

  /* 字体：零外部依赖（目标用户全是 macOS） */
  --sans: -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas,
    "PingFang SC", monospace;

  /* 版式 */
  --w: 1180px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-pill: 999px;

  --text-hero: clamp(2.4rem, 1.2rem + 4.6vw, 4.25rem);
  --text-h2: clamp(1.45rem, 1.05rem + 1.7vw, 2.1rem);

  /* 阴影（slate 轻量四档，admin 同源） */
  --shadow-1: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-2: 0 2px 8px rgba(15, 23, 42, 0.06);
  --shadow-3: 0 6px 20px rgba(15, 23, 42, 0.08);
  --shadow-4: 0 12px 32px rgba(15, 23, 42, 0.10);
  --shadow-focus: 0 0 0 3px rgba(30, 95, 224, 0.18);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  color-scheme: light;
}