/* ============================================================
   设计规范 Design Tokens
   对应 PRD「三、设计规范」+ 复审修正：
   - 底色白 #FFFFFF 为主，#F7F8FA 交替分区
   - 结构色深蓝 #0F3D6E：导航文字、链接、页脚底色
   - 标题近黑 #1A1D23（修正：不用深蓝做标题）
   - 强调橙 #F97316 仅图形点缀；按钮实底用加深橙 #EA580C
     （白字对比度达标），hover #C2410C
   - 全站唯一主 CTA 样式 = .btn-primary（橙实底）
   ============================================================ */

/* 品牌字体：MiSans（小米，免费商用）。unicode-range 分片，浏览器按需加载
   （Semibold=650 标题/Logo，Medium=500 导航/按钮），正文保持系统栈 */
@import url("../assets/fonts/misans/MiSans-Semibold.min.css");
@import url("../assets/fonts/misans/MiSans-Medium.min.css");

:root {
  /* ---- 色彩 ---- */
  --navy-900: #0B2B4E;        /* 页脚深底 */
  --navy-700: #0F3D6E;        /* 主色：导航/链接/页脚 */
  --navy-600: #155086;        /* 链接 hover */
  --navy-soft: #EAF1F8;       /* 深蓝浅底（院校标签、计时器底） */

  --ink: #1A1D23;             /* 标题近黑 */
  --text: #1F2329;            /* 正文 */
  --text-2: #6B7280;          /* 次要文字 */
  --text-3: #9CA3AF;          /* 辅助/占位 */

  --bg: #FFFFFF;              /* 页面底色 */
  --bg-soft: #F7F8FA;         /* 交替分区底色 */
  --line: #E5E7EB;            /* 分割线 */

  --orange: #F97316;          /* 强调橙：仅图标/数字等图形点缀 */
  --orange-btn: #EA580C;      /* 主按钮实底 */
  --orange-btn-hover: #C2410C;
  --orange-soft: #FEF0E5;     /* 企业标签浅底 */

  --ok: #16A34A;              /* 状态：成功 */
  --ok-soft: #EAF7EF;
  --warn: #D97706;            /* 状态：警告 */
  --warn-soft: #FdF3E3;
  --err: #DC2626;             /* 状态：错误 */
  --err-soft: #FDECEC;

  /* ---- 字体 ---- */
  --font: Inter, "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans CN",
          "Noto Sans SC", "Microsoft YaHei", sans-serif;
  /* 展示字体：标题/Logo/导航/按钮（MiSans 中文 + Inter 数字西文） */
  --font-display: "MiSans", Inter, "PingFang SC", "HarmonyOS Sans SC",
                  "Microsoft YaHei", sans-serif;

  /* ---- 字号 ---- */
  --fs-h1: clamp(30px, 4.2vw, 48px);   /* H1 40-48 */
  --fs-h2: clamp(24px, 2.8vw, 32px);   /* H2 28-32 */
  --fs-h3: 20px;                       /* H3 */
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;

  /* ---- 圆角 ---- */
  --r-card: 12px;
  --r-btn: 8px;
  --r-input: 8px;

  /* ---- 阴影（只用于卡片浮起，极轻） ---- */
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(11, 43, 78, 0.10);

  /* ---- 间距（8px 基准） ---- */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-6: 48px;
  --section: clamp(64px, 9vw, 112px);  /* 区块上下留白 80-120 */

  /* ---- 布局 ---- */
  --container: 1200px;
  --nav-h: 64px;
  --btn-h: 44px;

  /* ---- 层级 ---- */
  --z-nav: 100;
  --z-modal: 200;
  --z-cookie: 150;
}