/* ============================================================
   灵动Nexus KIMI K3 · 设计令牌（未来感 / 深空玻璃拟态）
   所有 CSS 必须引用本文件变量，禁止散落硬编码色值。
   ============================================================ */
:root {
  /* ---- 基础色板：深空 ---- */
  --bg-0: #05060f;            /* 页面底 */
  --bg-1: #0a0d1f;            /* 深层面板底 */
  --bg-2: #10142b;            /* 卡片底 */
  --bg-3: #161b38;            /* 悬浮/ hover 底 */
  --bg-glass: rgba(18, 22, 48, 0.55);   /* 玻璃面板 */
  --bg-glass-strong: rgba(22, 27, 58, 0.82);

  /* ---- 描边 / 分隔 ---- */
  --line-1: rgba(120, 140, 255, 0.10);
  --line-2: rgba(120, 140, 255, 0.20);
  --line-strong: rgba(140, 160, 255, 0.24);   /* 结构级分割（导航轨/侧栏/顶栏） */
  --divider-shadow: 1px 0 0 rgba(0, 0, 0, 0.28); /* 分割线旁投影，增强纵深 */
  --line-glow: rgba(0, 229, 255, 0.45);

  /* ---- 品牌霓虹 ---- */
  --neon-cyan: #00e5ff;
  --neon-violet: #8b5cf6;
  --neon-magenta: #f471b5;
  --neon-blue: #4f7cff;
  --neon-gold: #ffc857;
  --neon-green: #34f5c5;
  --danger: #ff5d73;

  /* ---- 渐变 ---- */
  --grad-brand: linear-gradient(135deg, #00e5ff 0%, #4f7cff 45%, #8b5cf6 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(0,229,255,.16), rgba(139,92,246,.16));
  --grad-gold: linear-gradient(135deg, #ffc857, #ff9a5c);
  --grad-text: linear-gradient(90deg, #9be8ff, #c7b9ff 60%, #f0abfc);

  /* ---- 文字 ---- */
  --tx-1: #eef2ff;            /* 主文案 */
  --tx-2: #aab3d6;            /* 次文案 */
  --tx-3: #6b76a3;            /* 弱文案 */
  --tx-on-neon: #04121a;

  /* ---- 字体 ---- */
  --font-ui: "Inter", "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-lg: 16px;
  --fs-xl: 20px; --fs-2xl: 26px; --fs-3xl: 36px; --fs-hero: 56px;

  /* ---- 圆角 / 间距 ---- */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-full: 999px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;

  /* ---- 阴影 / 光晕 ---- */
  --shadow-1: 0 4px 16px rgba(2, 6, 23, 0.45);
  --shadow-2: 0 12px 40px rgba(2, 6, 23, 0.6);
  --glow-cyan: 0 0 18px rgba(0, 229, 255, 0.35);
  --glow-violet: 0 0 22px rgba(139, 92, 246, 0.4);
  --glow-brand: 0 6px 28px rgba(79, 124, 255, 0.35);

  /* ---- 动效 ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.15s; --t-mid: 0.28s; --t-slow: 0.5s;

  /* ---- 层级 ---- */
  --z-nav: 50; --z-dropdown: 200; --z-modal: 500; --z-toast: 900;

  /* ---- 布局 ---- */
  --navrail-w: 76px;          /* 工作台左侧导航轨 */
  --sidebar-w: 288px;         /* 模块侧栏 */
  --header-h: 60px;
  --composer-max: 860px;
}

/* 浅色主题（切换 data-theme="light" 时覆盖）：高对比文字 + 实体面板 + 中性阴影 */
[data-theme="light"] {
  --bg-0: #eef1f8; --bg-1: #ffffff; --bg-2: #ffffff; --bg-3: #e8ecf7;
  --bg-glass: rgba(255, 255, 255, 0.86); --bg-glass-strong: rgba(255, 255, 255, 0.95);
  --line-1: rgba(30, 50, 120, 0.12); --line-2: rgba(30, 50, 120, 0.20);
  --line-strong: rgba(30, 50, 120, 0.22);
  --divider-shadow: 1px 0 0 rgba(255, 255, 255, 0.65);
  --tx-1: #131a30; --tx-2: #3d476b; --tx-3: #707a9e;
  --shadow-1: 0 4px 16px rgba(30, 45, 100, 0.10);
  --shadow-2: 0 12px 40px rgba(30, 45, 100, 0.16);
}