/* ============================================================
   AI 面试工具 · 原型设计令牌
   依据 docs/项目设计规范.md 第 2–4 章（截图取色近似值）
   ============================================================ */
:root {
  /* 品牌与功能色 */
  --color-primary: #1E3A6E;        /* 深海军蓝：导航/区块标题/图标/页码当前态 */
  --color-brand-blue: #003F88;     /* 校徽蓝：仅品牌标识 */
  --color-link: #1F5FA8;           /* 交互蓝：一切可交互/选中 */
  --color-accent: #EE7F00;         /* 品牌橙：主行动按钮专用 */
  --color-accent-dark: #D97200;    /* 主按钮 hover（加深 8%） */
  --color-danger: #E60012;         /* 重点红：置顶/错误，每列表 ≤ 1 条 */
  --color-footer: #4B5A6A;         /* 灰蓝：页脚/侧栏频道标题块 */
  --color-success: #2AAE67;
  --color-warning: #F5A623;
  --color-info: #1F5FA8;

  /* 中性色 */
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-tertiary: #999999;
  --text-disabled: #C0C4CC;
  --bg-page: #FFFFFF;
  --bg-muted: #F5F5F6;
  --bg-hover: #EEF1F4;
  --border-light: #E6E8EB;
  --border-strong: #D0D5DC;
  --footer-text: #C3CBD4;
  --footer-text-muted: #9AA6B2;

  /* 氛围色（唯一渐变场景：浅蓝同族横幅） */
  --bg-banner-from: #D9E9F6;
  --bg-banner-to: #F3F9FE;
  --bg-tag: #EAF3FB;

  /* 语义浅底 */
  --bg-success: #E6F6EE;
  --bg-danger: #FDECEA;
  --bg-warning: #FDF3E3;
  --text-success: #1F7A4D;
  --text-warning: #B97A0A;

  /* 间距（4px 基数） */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* 圆角 */
  --radius-img: 6px;
  --radius-float: 8px;
  --radius-ctrl: 4px;
  --radius-tag: 2px;

  /* 阴影（稀缺资源：仅悬浮元素） */
  --shadow-float: 0 4px 16px rgba(0, 0, 0, .12);
  --shadow-nav: 0 2px 8px rgba(0, 0, 0, .06);

  /* 布局 */
  --container: 1440px;
  --nav-h: 90px;
  --nav-h-compact: 56px;
  --side-w: 345px;

  /* 动效 */
  --ease: ease;
  --t-color: .2s ease;
  --t-nav: .25s ease;

  /* 字体 */
  --font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
          "Helvetica Neue", Arial, sans-serif;
}