/* ============================================================
   设计令牌 —— 网络安全学习站
   视觉关键词：盾牌（防护的深钢蓝）· 纵深（层叠的分区）
              信号（琥珀色警示）· 终端（等宽的绿色确认）
   亮色 / 暗色独立取色，非简单反色。
   ============================================================ */

:root {
  /* 字体栈 */
  --font-sans: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  /* 几何与动效 */
  --radius: 14px;
  --radius-sm: 9px;
  --motion: 160ms cubic-bezier(.3,.7,.4,1);
  --wrap: 1100px;

  /* 层级色（难度） */
  --lv-entry: #3a7ca5;
  --lv-entry-soft: #e3eef7;
  --lv-core: #0f4c81;
  --lv-core-soft: #dde9f5;
  --lv-advanced: #7c3aed;
  --lv-advanced-soft: #ece4fb;
  --lv-frontier: #b45309;
  --lv-frontier-soft: #fbeadb;
}

/* 亮色主题 */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f6fa;
  --surface: #ffffff;
  --surface-2: #edf2f8;
  --text: #17222e;
  --text-muted: #49607a;
  --border: #d3dde8;
  --primary: #0f4c81;
  --primary-contrast: #ffffff;
  --primary-soft: #e3edf7;
  --accent: #b45309;
  --ok: #15803d;
  --ok-soft: #e2f4e8;
  --danger: #b3261e;
  --focus: #0f4c81;
  --code-bg: #0f1b27;
  --code-text: #dce7f2;
  --shadow: 0 1px 2px rgba(15, 40, 70, .07), 0 10px 28px rgba(15, 40, 70, .07);
  --edge: #a9bdcf;
}

/* 暗色主题：独立取色 */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0c131c;
  --surface: #121c28;
  --surface-2: #17242f;
  --text: #e6edf5;
  --text-muted: #9db1c4;
  --border: #24384c;
  --primary: #5aa9e6;
  --primary-contrast: #081018;
  --primary-soft: #17293c;
  --accent: #e5a13f;
  --ok: #4cc185;
  --ok-soft: #14301f;
  --danger: #f08479;
  --focus: #6cb8f2;
  --code-bg: #0a1017;
  --code-text: #d7e3ef;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .35);
  --edge: #35516b;

  /* 暗色下的难度色（提亮以保证可读） */
  --lv-entry: #7db6da;
  --lv-entry-soft: #14273a;
  --lv-core: #7db6da;
  --lv-core-soft: #16293e;
  --lv-advanced: #c3a4f5;
  --lv-advanced-soft: #241a3d;
  --lv-frontier: #e5a13f;
  --lv-frontier-soft: #33230d;
}