/* ============================================
   AI 面试模拟器 — CSS 变量定义
   沉稳学术风：深灰 + 米白 + 低饱和藏青
   ============================================ */

:root {
  color-scheme: dark;
  /* === 背景层 — 深灰体系 === */
  --bg-base: #1a1d23;
  --bg-surface: #232730;
  --bg-elevated: #2d323d;
  --bg-inset: #15171c;
  --bg-hover: #353a44;

  /* === 文字层 — 米白体系 === */
  --text-primary: #e8e4dc;
  --text-secondary: #b5b0a6;
  --text-muted: #7a756c;
  --text-faint: #5a5550;

  /* === 强调色 — 低饱和藏青 === */
  --accent: #4a6fa5;
  --accent-hover: #5d85c0;
  --accent-active: #3a5a8a;
  --accent-muted: rgba(74, 111, 165, 0.5);
  --accent-bg: rgba(74, 111, 165, 0.12);
  --accent-bg-strong: rgba(74, 111, 165, 0.2);

  /* === 语义色 — 低饱和 === */
  --success: #7a9a7a;
  --success-bg: rgba(122, 154, 122, 0.12);
  --warning: #c4a47a;
  --warning-bg: rgba(196, 164, 122, 0.12);
  --danger: #b07070;
  --danger-bg: rgba(176, 112, 112, 0.12);

  /* === 专家角色色 === */
  --expert-divergent: #6b8aad;
  --expert-critical: #c4a47a;
  --expert-pragmatic: #7a9a7a;

  /* === 边框 === */
  --border-subtle: #353a44;
  --border-strong: #4a505c;
  --border-accent: rgba(74, 111, 165, 0.4);

  /* === 字体 === */
  --font-serif: Georgia, 'Songti SC', SimSun, 'Times New Roman', serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
  --font-mono: ui-monospace, 'Cascadia Code', Consolas, 'Courier New', monospace;

  /* === 字号 === */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 3rem;

  /* === 行高 === */
  --lh-tight: 1.25;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;
  --lh-loose: 2;

  /* === 间距 — 8px 基准 === */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* === 圆角 === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* === 阴影 === */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 20px rgba(74, 111, 165, 0.15);

  /* === 过渡 === */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
  --transition-spring: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* === 布局 === */
  --max-width: 960px;
  --max-width-wide: 1200px;
  --header-height: 60px;
  --sidebar-width: 280px;
}

/* 白天配色：保持原有低饱和学术风格，同时提高正文、边框与控件对比度。 */
:root[data-theme='light'] {
  color-scheme: light;
  --bg-base: #f5f3ee;
  --bg-surface: #fffdf9;
  --bg-elevated: #eeebe4;
  --bg-inset: #e9e6df;
  --bg-hover: #e1e6ed;

  --text-primary: #1d2633;
  --text-secondary: #465365;
  --text-muted: #667184;
  --text-faint: #7d8796;

  --accent: #365f91;
  --accent-hover: #274f80;
  --accent-active: #21436e;
  --accent-muted: rgba(54, 95, 145, 0.52);
  --accent-bg: rgba(54, 95, 145, 0.1);
  --accent-bg-strong: rgba(54, 95, 145, 0.17);

  --success: #3f7653;
  --success-bg: rgba(63, 118, 83, 0.12);
  --warning: #8b6228;
  --warning-bg: rgba(139, 98, 40, 0.12);
  --danger: #9a4747;
  --danger-bg: rgba(154, 71, 71, 0.12);

  --expert-divergent: #365f91;
  --expert-critical: #8b6228;
  --expert-pragmatic: #3f7653;

  --border-subtle: #d7d3ca;
  --border-strong: #adb6c3;
  --border-accent: rgba(54, 95, 145, 0.38);

  --shadow-sm: 0 1px 3px rgba(28, 38, 50, 0.12);
  --shadow-md: 0 4px 14px rgba(28, 38, 50, 0.14);
  --shadow-lg: 0 10px 30px rgba(28, 38, 50, 0.18);
  --shadow-glow: 0 0 22px rgba(54, 95, 145, 0.13);
}