/* ============================================================
   variables.css —— 全局 CSS 变量（换肤入口）
   对应 SDD-002 §6.5 / SPK-PM-003 M1-02
   ============================================================ */
:root {
  /* ---- 色彩 ---- */
  --bg-from: #1E88E5;
  --bg-to:   #26C6DA;

  --green:      #2E9E5B;
  --green-dark: #23784A;
  --red:        #D32F2F;
  --rec-red:    #E53935;

  --seat-color: #1565C0;
  --btn-primary:#1565C0;
  --btn-primary-hover:#0D47A1;
  --navy-bar:   #17395f;   /* 阅题/答题页顶部信息条与状态条（考试端深蓝） */

  --text-main:  #212529;
  --text-sub:   #495057;
  --text-muted: #6c757d;
  --line:       #dee2e6;

  --white: #ffffff;
  --panel-side:#f8f9fa;
  --panel-main:#eef1f4;
  --panel-video:#c9d8ea;

  /* ---- 尺寸 ---- */
  --grid-size: 40px;
  --grid-color: rgba(255, 255, 255, .16);
  --radius: 6px;
  --radius-sm: 3px;
  --card-shadow: 0 12px 40px rgba(0, 0, 0, .18);
  --card-shadow-sm: 0 4px 14px rgba(0, 0, 0, .12);

  /* ---- 字体 ---- */
  --font-cn: 'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  --font-hand: 'Segoe Script', 'Bradley Hand', 'Brush Script MT', cursive;

  /* ---- 动效 ---- */
  --t-fast: .15s ease;
  --t-base: .25s ease;
}

/* 小屏时缩小网格，避免视觉过密 */
@media (max-width: 900px) {
  :root { --grid-size: 28px; }
}