/* =========================================================================
   学济教育 · design-tokens.css —— 全站设计宪法
   =========================================================================
   品牌人格三轴: 可靠传统 · 规模流程 · 本地直营
   配色: Logo 同源蓝红(主蓝 #4060A0 / 品牌红 #E03020 / 墨 #101010 / 米白 #F0F0F0)
   字体: 系统原生,零 CDN(加载快、离线可用、不被墙)
   铁律: 全站页面只许使用本文件变量,不得自行发明颜色/字体/圆角。
         改设计 = 改本文件,不是改单个页面。
   ========================================================================= */

:root{
  /* ─── 品牌色(源自 Logo)────────────────────────────── */
  --pri:        #4060A0;   /* 品牌蓝 · 主 CTA / 链接 / 标题强调 */
  --pri-dark:   #35548A;   /* 品牌蓝 hover/按下 */
  --pri-deep:   #24406E;   /* 深蓝 · 页脚 / 深色区 */
  --pri-soft:   #EEF2F9;   /* 浅蓝 · 卡片底 / 标签底 */
  --pri-tint:   #F5F8FC;   /* 极浅蓝 · 分区底色 */

  --accent:     #E03020;   /* 品牌红 · 资质/证书/等级点缀(大字号粗体) */
  --accent-dark:#B9271A;   /* 品牌红 hover */
  --accent-soft:#FCEBE8;   /* 浅红 · 红色标签底 */

  /* ─── 中性色 ───────────────────────────────────────── */
  --bg:         #FFFFFF;   /* 主背景 */
  --bg-soft:    #F0F0F0;   /* 米白(取自 Logo 底)· 浅灰区 */
  --ink:        #101010;   /* 墨 · 标题 */
  --ink-body:   #1F2933;   /* 正文 */
  --ink-muted:  #5B6573;   /* 次要文字 */
  --ink-faint:  #9AA3AE;   /* 占位/弱提示 */
  --line:       #E2E6EC;   /* 边框/分隔线 */
  --line-soft:  #EDF0F4;   /* 更淡边框 */

  /* ─── RGB 辅助变量(供 rgba() 使用)──────────────────── */
  --pri-rgb:       64,96,160;
  --pri-dark-rgb:  53,84,138;
  --pri-deep-rgb:  36,64,110;
  --accent-rgb:    224,48,32;
  --accent-dark-rgb:185,39,26;
  --ink-rgb:       16,16,16;
  --ink-body-rgb:  31,41,51;
  --bg-rgb:        255,255,255;

  /* ─── 信号色 ───────────────────────────────────────── */
  --success:    #1E8E5A;   /* 成功绿 · 通过/已办 */
  --success-soft:#E7F4EE;  /* 浅绿 · 绿色标签底 */
  --warning:    #B45309;   /* 警告琥珀 · 到期提醒 */
  --danger:     #C02B18;   /* 危险红 */

  /* ─── 字体(零 CDN,系统原生)─────────────────────────── */
  --font: "Microsoft YaHei", "PingFang SC", "Source Han Sans SC",
          "Noto Sans SC", "Microsoft JhengHei", system-ui, -apple-system,
          "Segoe UI", sans-serif;
  --mono: "Segoe UI", "Consolas", "Courier New", ui-monospace, monospace;

  /* ─── 数字/数据: 等宽对齐 ───────────────────────────── */
  --tnum: "Segoe UI", "Consolas", ui-monospace, monospace;

  /* ─── 圆角 ─────────────────────────────────────────── */
  --r-xs: 4px;
  --r-sm: 6px;
  --r:    8px;      /* 按钮/输入 */
  --r-md: 12px;     /* 卡片 */
  --r-lg: 16px;
  --r-xl: 24px;     /* 大图/浮层 */

  /* ─── 阴影 ─────────────────────────────────────────── */
  --shadow-sm: 0 1px 2px rgba(16,16,16,.05);
  --shadow:    0 2px 8px rgba(16,16,16,.06);
  --shadow-md: 0 6px 18px rgba(16,16,16,.09);
  --shadow-lg: 0 16px 40px rgba(16,16,16,.14);
  --shadow-blue: 0 8px 24px rgba(64,96,160,.18);

  /* ─── 布局 ─────────────────────────────────────────── */
  --wrap: 1200px;
  --wrap-pad: 24px;
  --nav-h: 64px;

  /* ─── 动效 ─────────────────────────────────────────── */
  --ease: cubic-bezier(.4,0,.2,1);
  --dur:  .18s;
}

/* ─── 等宽数字工具类(数据对齐用)───────────────────────── */
.tnum{ font-family: var(--tnum); font-feature-settings:"tnum" 1; }

/* ─── 焦点可见性(无障碍)───────────────────────────────── */
:focus-visible{ outline: 3px solid var(--pri); outline-offset: 2px; border-radius: var(--r-xs); }