/* ============================================================
   设计令牌 Design Tokens
   全国事业编考试雷达 · V1
   方向：信息雷达 + 数据工具 + 轻科技感
   规则：浅色背景 / 一个主色 / 少量状态色 / 高信息密度
   ============================================================ */

:root {
  /* ---------- 品牌主色（唯一主色：电光靛紫） ---------- */
  --brand-50:  #F2EFFE;
  --brand-100: #E5DFFD;
  --brand-200: #CFC4FA;
  --brand-300: #B3A2F6;
  --brand-400: #8F7CF1;
  --brand-500: #6C5CE7;
  --brand-600: #5A48D6;
  --brand-700: #4A3AB5;

  --grad-brand:      linear-gradient(135deg, #7B6BF2 0%, #A45FEA 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(123,107,242,.10) 0%, rgba(164,95,234,.10) 100%);
  --grad-brand-line: linear-gradient(135deg, #7B6BF2 0%, #A45FEA 100%);

  /* ---------- 中性色 ---------- */
  --bg-page:    #F5F6FA;
  --bg-surface: #FFFFFF;
  --bg-subtle:  #F1F2F7;
  --bg-inset:   #FAFBFD;
  --bg-mask:    rgba(21,24,33,.42);

  --line:        #EAECF2;
  --line-strong: #DBDFE9;

  --text-1: #151821;   /* 主标题 / 关键数字 */
  --text-2: #5C6373;   /* 正文次要 */
  --text-3: #98A0AE;   /* 辅助说明 */
  --text-4: #B6BCC8;   /* 占位符 */

  /* ---------- 状态色（需求第35节，全局仅此4色 + 1警示色） ---------- */
  --st-open-fg:      #0B9C74;
  --st-open-bg:      #E6F7F1;
  --st-open-dot:     #10B981;

  --st-upcoming-fg:  #C77B00;
  --st-upcoming-bg:  #FEF4E3;
  --st-upcoming-dot: #F5A524;

  --st-waiting-fg:   #256FD8;
  --st-waiting-bg:   #E9F1FE;
  --st-waiting-dot:  #3B82F6;

  --st-finished-fg:  #7A8290;
  --st-finished-bg:  #F0F2F6;
  --st-finished-dot: #A8AFBB;

  --warn-fg: #C2453D;
  --warn-bg: #FDECEB;

  /* 数据可信度徽章 */
  --ok-fg:      #0B9C74;
  --ok-bg:      #E6F7F1;
  --pending-fg: #B7791F;
  --pending-bg: #FDF6E3;
  --bad-fg:     #C2453D;
  --bad-bg:     #FDECEB;

  /* ---------- 圆角 ---------- */
  --r-xs:  8px;
  --r-sm:  12px;
  --r-md:  16px;
  --r-lg:  20px;
  --r-xl:  24px;
  --r-pill: 999px;

  /* ---------- 阴影 ---------- */
  --sh-1: 0 1px 2px rgba(21,24,33,.04);
  --sh-2: 0 2px 6px rgba(21,24,33,.04), 0 10px 24px rgba(21,24,33,.05);
  --sh-3: 0 6px 16px rgba(21,24,33,.06), 0 18px 40px rgba(21,24,33,.07);
  --sh-brand: 0 8px 24px rgba(108,92,231,.22);

  /* ---------- 间距（4px 基准） ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;

  /* ---------- 字体 ---------- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC",
               "Noto Sans CJK SC", sans-serif;
  --font-num: "SF Pro Display", -apple-system, "DIN Alternate", "Bahnschrift",
              "Roboto", var(--font-sans);

  /* ---------- 布局 ---------- */
  --page-max: 1180px;
  --page-pad: 16px;
  --topbar-h: 60px;
  --tabbar-h: 62px;

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: .22s;
}