/* ============================================================
   variables.css
   设计变量。全部从 v2 的 theme.py 提取，不重新设计。

   v2 的视觉经过 24 次提交打磨，色值对比度均已校验 ≥ 4.5，
   所以这里只做「tkinter 常量 → CSS 变量」的转译。
   ============================================================ */

:root {
  /* ---------- 基础色 ---------- */
  --c-bg:            #CDE8F7;   /* 页面底色：浅蓝偏天蓝 */
  --c-bg-soft:       #E4F3FC;   /* 次级分区 */
  --c-card:          #FFFFFF;   /* 卡片：纯白 */
  --c-card-alt:      #F5FBFF;   /* 卡片内次级区域 */

  /* ---------- 文字 ---------- */
  --c-text:          #1F2A33;   /* 主文字，对底色对比 11.6 */
  --c-text-light:    #4A5A66;   /* 次文字，对比 6.0 */
  --c-text-on-color: #1F2A33;   /* 彩色底上的文字 */
  --c-disabled:      #C9D2DA;
  --c-border:        #8CC2E0;
  --c-shadow:        #8FC4E0;

  /* ---------- 按钮三色（对比度已校验）---------- */
  --c-hero:          #3FB4E5;   /* 天蓝（主）     文字对比 6.17 */
  --c-secondary:     #7DD3F2;   /* 浅天蓝（次）   文字对比 8.68 */
  --c-neutral:       #E3E9EE;   /* 浅白灰（中性） 文字对比 11.94 */
  --c-option:        #FFFFFF;   /* 选项：白底 + 描边 */
  --c-danger:        #B3261E;   /* 危险，白字对比 6.54 */

  /* ---------- 语义色（只用于文字，不做按钮底色）---------- */
  --c-green:         #126B35;   /* 答对 */
  --c-red:           #B3261E;   /* 答错 */
  --c-warn:          #8A5400;   /* 警告 / 提示 */

  /* ---------- 按钮三档 ---------- */
  --btn-hero-h:      66px;
  --btn-hero-r:      24px;
  --btn-hero-fs:     21px;
  --btn-hero-px:     26px;

  --btn-normal-h:    52px;
  --btn-normal-r:    20px;
  --btn-normal-fs:   17px;
  --btn-normal-px:   20px;

  --btn-small-h:     42px;
  --btn-small-r:     16px;
  --btn-small-fs:    15px;
  --btn-small-px:    16px;

  --btn-shadow:       3px;
  --btn-shadow-sm:    2px;
  --btn-sink:         2px;

  /* ---------- 字号 ---------- */
  --fs-hero:    30px;
  --fs-big:     28px;
  --fs-title:   26px;
  --fs-word:    34px;
  --fs-word-sm: 20px;
  --fs-normal:  17px;
  --fs-button:  17px;
  --fs-small:   14px;
  --fs-tiny:    12px;

  /* ---------- 字体 ----------
     5 类设备的回退链。Arial Rounded MT Bold 在安卓不存在，
     会回退到系统字体，圆润感减弱但可接受（见 04-前端设计）。 */
  --font-cn: "PingFang SC", "HarmonyOS Sans SC", "MiSans",
             "Source Han Sans SC", "Noto Sans CJK SC",
             "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --font-en: "Arial Rounded MT Bold", "Comic Sans MS", "Trebuchet MS",
             "Segoe UI", system-ui, sans-serif;

  /* ---------- 圆角与间距 ---------- */
  --r-card:    18px;
  --r-input:   12px;
  --r-pill:    999px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* ---------- 布局 ---------- */
  --page-max:   900px;
  --topbar-h:   56px;

  /* ---------- 安全区（iPhone 底部横条）---------- */
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}