/* ==========================================================================
   中育启智教育 · 全站设计令牌（tokens.css）
   —— 全站唯一的颜色 / 圆角 / 阴影 / 字号来源
   —— 所有页面（首页 + 子页面）都必须先引用本文件
   —— 修改本文件即可全站换肤，业务样式禁止硬编码颜色值
   ========================================================================== */

:root {
  /* ---------- 品牌色 ---------- */
  --primary: #2b5aed;          /* 主色：深蓝 */
  --primary-dark: #1e3a8a;     /* 主色加深（渐变尾 / hover） */
  --primary-hover: #1e46c8;    /* 主按钮悬停 */
  --primary-soft: #e8eeff;     /* 主色浅底（选中态 / 浅背景） */
  --accent: #f59e0b;           /* 点缀色：活力橙 */
  --accent-soft: #fef3e2;      /* 点缀色浅底 */

  /* ---------- 中性色 ---------- */
  --bg: #f4f6fb;               /* 页面背景 */
  --surface: #ffffff;          /* 卡片 / 面板 */
  --surface-2: #f8fafc;        /* 次级面板 / 输入框底 */
  --border: #e5e8f0;           /* 边框 */
  --border-strong: #d3d9e6;    /* 加重边框 */
  --text: #1f2430;             /* 主文字 */
  --text-secondary: #6b7280;   /* 次要文字 */
  --text-muted: #9aa1ad;       /* 弱化文字 / 占位符 */

  /* ---------- 状态色 ---------- */
  --success: #16a34a;
  --success-soft: #e8f7ee;
  --warning: #d97706;
  --warning-soft: #fef3e2;
  --danger: #dc2626;
  --danger-soft: #fdecec;

  /* ---------- 圆角 ---------- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* ---------- 阴影 ---------- */
  --shadow-sm: 0 1px 3px rgba(30, 41, 59, 0.08);
  --shadow-md: 0 4px 16px rgba(30, 41, 59, 0.1);
  --shadow-lg: 0 12px 32px rgba(30, 41, 59, 0.14);

  /* ---------- 字体 ---------- */
  --font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue",
    Arial, "Noto Sans SC", sans-serif;
  --font-mono: "JetBrains Mono", Consolas, "Courier New", monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;

  /* ---------- 布局 ---------- */
  --container-max: 1200px;     /* 内容最大宽度 */
  --nav-height: 64px;          /* 导航高度 */

  /* ---------- 动效 ---------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 0.15s;
  --dur-base: 0.25s;
  --dur-slow: 0.5s;
}