/* ============================================================
 * QVMConsole 官网 - 设计令牌
 * 浅色通透基调 + 深空极光品牌色（与产品 UI 同源）
 * ============================================================ */
:root {
  /* ---- 品牌色（与产品 aurora.css 保持一致） ---- */
  --qvm-teal: #2dd4bf;
  --qvm-blue: #38bdf8;
  --qvm-violet: #8b5cf6;
  --qvm-grad: linear-gradient(120deg, #2dd4bf 0%, #38bdf8 48%, #8b5cf6 100%);
  --qvm-grad-soft: linear-gradient(120deg, rgba(45, 212, 191, .16), rgba(56, 189, 248, .16) 48%, rgba(139, 92, 246, .16));

  /* ---- 中性色（浅色通透基底） ---- */
  --bg: #f5f8fd;
  --bg-soft: #edf2fa;
  --bg-deep: #e6edf8;
  --ink-1: #0c1425;
  --ink-2: #3f4c63;
  --ink-3: #7c8aa5;
  --ink-4: #aab6cc;
  --card: rgba(255, 255, 255, .72);
  --card-solid: #ffffff;
  --line: rgba(12, 20, 37, .08);
  --line-strong: rgba(12, 20, 37, .14);

  /* ---- 功能色 ---- */
  --ok: #10b981;
  --warn: #f59e0b;
  --danger: #f43f5e;

  /* ---- 阴影（浅色主题用柔和多层投影） ---- */
  --shadow-sm: 0 1px 2px rgba(12, 20, 37, .05), 0 4px 12px rgba(12, 20, 37, .05);
  --shadow-md: 0 2px 6px rgba(12, 20, 37, .06), 0 16px 40px -12px rgba(12, 20, 37, .14);
  --shadow-lg: 0 4px 10px rgba(12, 20, 37, .06), 0 32px 80px -20px rgba(12, 20, 37, .22);
  --shadow-glow: 0 0 0 1px rgba(56, 189, 248, .18), 0 12px 48px -8px rgba(56, 189, 248, .35);

  /* ---- 圆角 ---- */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;

  /* ---- 字体 ---- */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Consolas, "Liberation Mono", Menlo, monospace;

  /* ---- 布局 ---- */
  --container: 1200px;
  --nav-h: 68px;

  /* ---- 动效曲线 ---- */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);

  /* ---- 层级 ---- */
  --z-cursor: 9999;
  --z-loader: 9000;
  --z-nav: 800;
  --z-totop: 700;
}