/* =========================================================
   qa-base.css — VibeAPI QA 共享设计系统基座
   Anthropic 字体 + 颜色 token（亮/暗）。所有标准 QA 单文件页共用，
   保证全站调色板与暗色模式一致；改这一处即全局生效。
   页面专属的代码块配色 token（--pre-bg 等）仍各自内联覆盖。
   ========================================================= */

/* ============ Fonts ============ */
@font-face {
  font-family: "Anthropic Serif";
  src: url("/fonts/c66fc489e-C-BHYa_K.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Anthropic Sans";
  src: url("/fonts/c5dbe0935-B88FVziN.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Anthropic Sans";
  src: url("/fonts/cc27851ad-CFxw3nG7.ttf") format("truetype");
  font-weight: 500; font-style: normal; font-display: swap;
}

/* ============ Design tokens — Light ============ */
:root, [data-theme="light"] {
  --bg: #FDFDFC;
  --bg-warm: #f5f3eb;
  --bg-elevated: #ffffff;
  --bg-hover: rgba(31, 30, 29, 0.04);
  --text: #141413;
  --text-muted: #3d3d3a;
  --text-faint: #73726c;
  --border: rgba(31, 30, 29, 0.10);
  --border-strong: rgba(31, 30, 29, 0.20);
  --accent: #D97757;
  --accent-deep: #b85b3d;
  --accent-soft: rgba(217, 119, 87, 0.10);
  --accent-tint: rgba(217, 119, 87, 0.18);
  --green: #688a5d; --green-bg: rgba(104,138,93,.10);
  --red: #b45f51;   --red-bg: rgba(180,95,81,.10);
  --amber: #ad7837; --amber-bg: rgba(173,120,55,.10);
  --info: #5d7d9a;  --info-bg: rgba(93,125,154,.10);
  --code-bg: rgba(61,61,58,.06);
  --code-text: #8a2424;
  --shadow-sm: 0 1px 2px rgba(31,30,29,.04);
  --shadow-md: 0 4px 24px -8px rgba(31,30,29,.08), 0 2px 6px rgba(31,30,29,.04);
}

/* ============ Design tokens — Dark ============ */
[data-theme="dark"] {
  --bg: #1f1e1d;
  --bg-warm: #262624;
  --bg-elevated: #2c2b29;
  --bg-hover: rgba(222, 220, 209, 0.05);
  --text: #faf9f5;
  --text-muted: #c2c0b6;
  --text-faint: #8e8b82;
  --border: rgba(222, 220, 209, 0.10);
  --border-strong: rgba(222, 220, 209, 0.22);
  --accent: #e0876a;
  --accent-deep: #f0a285;
  --accent-soft: rgba(224, 135, 106, 0.12);
  --accent-tint: rgba(224, 135, 106, 0.22);
  --green: #91b685; --green-bg: rgba(145,182,133,.10);
  --red: #d88678;   --red-bg: rgba(216,134,120,.10);
  --amber: #d6a15e; --amber-bg: rgba(214,161,94,.11);
  --info: #88a9c7;  --info-bg: rgba(136,169,199,.10);
  --code-bg: rgba(194,192,182,.07);
  --code-text: #f4a9a9;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
  --shadow-md: 0 4px 24px -8px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.2);
}