/* ============================================================
   stats-quest 设计 tokens
   与 jojoecon DESIGN.md / shared.css 对齐，保持视觉统一
   后期并入 jojoecon 时可直接 @import jojoecon 的 shared.css
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Noto+Serif+SC:wght@400;500;600&display=swap');

:root {
  /* 配色（同 jojoecon） */
  --bg: #f8f5ee;
  --bg-soft: #efe9d9;
  --ink: #1a1612;
  --ink-soft: #4a4137;
  --muted: #7a6e5e;
  --line: #d8cfb9;
  --line-soft: #e6dfca;
  --accent: #8b1a1a;
  --accent-soft: #b34646;
  --gold: #9c7c2f;

  /* stats-quest 专属辅助色 */
  --quiz-correct: #2d7d6f;
  --quiz-correct-soft: rgba(45, 125, 111, 0.08);
  --quiz-wrong: #8b1a1a;
  --quiz-wrong-soft: rgba(139, 26, 26, 0.06);

  /* 字体（同 jojoecon） */
  --serif-en: 'EB Garamond', Georgia, serif;
  --serif-cn: 'Noto Serif SC', 'Songti SC', '宋体', serif;
  --display: 'Cinzel', 'EB Garamond', serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--serif-cn);
  font-size: 18.5px;
  line-height: 1.85;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--accent);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .2s;
}
a:hover { border-bottom-color: var(--accent); }

.en {
  font-family: var(--serif-en);
  font-style: italic;
  color: var(--ink-soft);
}

/* SVG 文字默认衬线 */
svg text {
  font-family: var(--serif-en);
}