/* ============================================================
   互动场景探索 — 统一设计令牌 (Design Tokens)
   所有页面共享，避免 home.css / style.css 变量分裂
  
   Version: 2026-06-15
   WCAG AA: 颜色对比度 ≥ 4.5:1（普通文本）/ 3:1（大文本）
   Touch: 最小触摸目标 44×44px
   ============================================================ */

:root {
  color-scheme: light;

  /* ── 字体栈（专为中文字符学习场景优化） ── */
  --font-primary: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', system-ui, -apple-system, sans-serif;

  /* ── 页面背景 ── */
  --page-bg: linear-gradient(135deg, #FFF8EC 0%, #FFF2D8 48%, #EAF7EF 100%);
  --panel-bg: rgba(255, 253, 247, 0.92);
  --panel-border: #F2DEC0;

  /* ── 品牌色：橙色系（主操作色） ── */
  --orange:       #f49b35;   /* 品牌橙 */
  --orange-deep:  #d96f18;   /* 深橙（阴影/按压态） */
  --primary:      #f6b443;   /* 主色（课程页按钮渐变终点） */
  --primary-strong: #df842e; /* 主色加深 */

  /* ── 品牌色：绿色系（成功/确认色） ── */
  --green:        #46ad73;   /* 品牌绿（登录验证按钮） */
  --green-deep:   #2f8757;   /* 深绿（阴影/按压态） */
  --green-soft:   #eaf8ed;   /* 浅绿（选中态背景） */
  --green-light:  #6bbf8a;   /* 亮绿（课程页勋章/词卡点缀） */

  /* ── 辅助色 ── */
  --blue:  #72a7d8;
  --pink:  #f49aa7;
  --cream: #fff8e8;

  /* ── 中性色 — 已按 WCAG AA 4.5:1 优化 ── */
  --ink:    #332a22;   /* 主文字色 */
  --muted:  #5E5147;   /* 辅助文字色（从 #76685d 调暗，确保 4.5:1） */
  --line:   rgba(232, 214, 188, 0.92);  /* 分割线 */
  --bg:     #fff7e8;   /* 备用背景 */
  --panel:  rgba(255, 253, 246, 0.94);  /* 面板背景 */

  /* ── 阴影层级 ── */
  --shadow-sm: 0 8px 18px rgba(116, 78, 34, 0.06);
  --shadow:    0 18px 50px rgba(139, 94, 52, 0.08);
  --shadow-lg: 0 14px 34px rgba(75, 47, 22, 0.18);

  /* ── 过渡 ── */
  --transition-fast:   150ms ease;
  --transition-normal: 220ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* ── 触摸目标 ── */
  --touch-min: 44px;
}