/* variables.css — v3.0.0 设计令牌
   色值/字体来自 AI 矢量源文件精确提取，字体用设计源字体包。 */

@font-face {
  font-family: "Glow Sans SC";
  src: url("../fonts/GlowSansSC-Normal-Medium.otf") format("opentype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Xiaolai";
  src: url("../fonts/Xiaolai-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "BangFontWanKu";
  src: url("../fonts/字帮玩酷体.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "WDCH";
  src: url("../fonts/文道潮黑.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

:root {
  /* —— 文字色 —— */
  --ink: #1a1a1a;
  --ink-soft: #4a4a4a;
  --blue: #7dafda; /* 题目页蓝色描边/装饰 */

  /* —— 题目页背景色（每站不同，默认第一站浅蓝）—— */
  --q-bg: #c9e6f8;

  /* —— 卡片 —— */
  --card-fill: #ffffff;
  --card-border: #1a1a1a;

  /* —— 强调色 —— */
  --brand: #e85513; /* 选中态橙红 */
  --warm-yellow: #ffd48a;
  --brown: #d49d5f;

  /* —— 按钮 —— */
  --btn-primary: #ffe16c;
  --btn-primary-tx: #221616;
  --btn-primary-sh: #e8c53c;
  --stroke-blue: #61a3bd;

  /* —— 字号 —— */
  --fs-hero: 32px;
  --fs-title: 24px;
  --fs-sub: 18px;
  --fs-body: 16px;
  --fs-sm: 14px;

  /* —— 圆角 —— */
  --r-pill: 999px;
  --r-card: 16px;

  /* —— 字体 —— */
  /* 标题/题干用圆润手写体（字帮玩酷体），正文用 Glow Sans SC */
  --font-title: "BangFontWanKu", "Glow Sans SC", "PingFang SC", sans-serif;
  --font-body: "Glow Sans SC", "Xiaolai", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-base: var(--font-body);
  /* 题干原稿用 Xiaolai（小赖）体 */
  --font-xiaolai: "Xiaolai", "Glow Sans SC", "PingFang SC", sans-serif;
  /* 站点名原稿用 文道潮黑(WDCH)体 */
  --font-wdch: "WDCH", "BangFontWanKu", "Glow Sans SC", sans-serif;
}