/* ============================================================================
   LHEAI 设计令牌 —— 与 DSH 同源（从 DSH 运行时提取的真实 token 值）
   命名规则：--l-*（LHEAI）。深浅两套，跟随系统或手动切换。
   ============================================================================ */

:root {
  /* 背景 */
  --l-bg-base: #ffffff;
  --l-bg-layer-1: #ffffff;   /* 卡片 */
  --l-bg-layer-2: #ffffff;   /* 浮层 */
  --l-bg-layer-3: #ffffff;   /* 弹窗 */
  --l-bg-sidebar: #f9fafb;
  --l-bg-module: #f5f6f7;    /* 次级区块/内嵌模块 */
  --l-bg-hover: #f1f3f5;
  --l-bg-active: #ebeef2;
  --l-bg-active-accent: #e4edfd;
  --l-bg-input: #ffffff;
  --l-bg-skeleton: #0000000a;

  /* 文本 */
  --l-label-primary: #0f1115;
  --l-label-secondary: #61666b;
  --l-label-tertiary: #81858c;
  --l-label-caption: #adb2b8;
  --l-label-inverted: #ffffff;

  /* 边框 */
  --l-border-l1: #0000000a;
  --l-border-l2: #0000001a;
  --l-border-l3: #0000001f;
  --l-border-l4: #00000029;

  /* 品牌（DSH 主色是近黑，真正的"彩色"是 deepseek 蓝） */
  --l-brand-fill: #0f1115;
  --l-brand-hover: #43454a;
  --l-brand-text: #0f1115;
  --l-accent: #4176e6;
  --l-accent-strong: #5686fe;
  --l-accent-soft: #e4edfd;

  /* 状态 */
  --l-success: #22c55e;
  --l-success-soft: #e6faed;
  --l-warn: #f59e0b;
  --l-warn-soft: #fef5e7;
  --l-warn-label: #dd8629;
  --l-error: #ec1313;
  --l-error-soft: #fef2f2;
  --l-info: #4176e6;
  --l-info-soft: #edf3fe;

  /* 阴影 */
  --l-shadow-1: 0 2px 4px 0 #0000000d;
  --l-shadow-2: 0 4px 12px 0 #00000005, 0 2px 8px 0 #0000000a;
  --l-shadow-3: 0 0 1px 0 #0003, 0 0 4px 0 #00000005, 0 12px 32px 0 #00000014;
  --l-tooltip-bg: #2c2c2e;

  /* 字体 */
  --l-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB",
            "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --l-font-code: "SF Mono", "JetBrains Mono", "Fira Code", Consolas, "Liberation Mono", Menlo,
                  Courier, "PingFang SC", "Microsoft YaHei";

  /* 尺寸 */
  --l-radius-s: 6px;
  --l-radius-m: 8px;
  --l-radius-l: 12px;
  --l-radius-xl: 16px;
  --l-radius-pill: 999px;
  --l-sidebar-w: 244px;
  --l-topbar-h: 56px;

  /* 活泼度：渐变与色块（在 DSH 令牌之上做应用化处理） */
  --l-accent-grad: linear-gradient(135deg, #679efe 0%, #4176e6 100%);
  --l-accent-grad-hover: linear-gradient(135deg, #7aa9ff 0%, #4d80ea 100%);
  --l-brand-grad: linear-gradient(135deg, #2b2f38 0%, #0f1115 100%);
  --l-glow-top: radial-gradient(760px 320px at 22% -6%, var(--l-accent-soft), transparent 72%);
  --l-tint-blue: #e4edfd;
  --l-tint-green: #e6faed;
  --l-tint-amber: #fef5e7;
  --l-tint-violet: #efe9fe;
  --l-violet: #6d5ce0;
  --l-teal: #0d9488;

  --l-ease: cubic-bezier(.4, 0, .2, 1);
  --l-dur: .2s;
  --l-dur-fast: .1s;
}

[data-theme="dark"] {
  --l-bg-base: #151517;
  --l-bg-layer-1: #232324;
  --l-bg-layer-2: #2c2c2e;
  --l-bg-layer-3: #353638;
  --l-bg-sidebar: #1b1b1c;
  --l-bg-module: #1b1b1c;
  --l-bg-hover: #ffffff14;
  --l-bg-active: #ffffff24;
  --l-bg-active-accent: #353638;
  --l-bg-input: #2c2c2e;
  --l-bg-skeleton: #ffffff14;

  --l-label-primary: #f9fafb;
  --l-label-secondary: #cfd3d6;
  --l-label-tertiary: #adb2b8;
  --l-label-caption: #81858c;
  --l-label-inverted: #0f1115;

  --l-border-l1: #ffffff0f;
  --l-border-l2: #ffffff1f;
  --l-border-l3: #ffffff3d;
  --l-border-l4: #ffffff3d;

  --l-brand-fill: #f9fafb;
  --l-brand-hover: #ebeef2;
  --l-brand-text: #f9fafb;
  --l-accent: #679efe;
  --l-accent-strong: #5686fe;
  --l-accent-soft: #34415b;

  --l-success: #22c55e;
  --l-success-soft: #233c2c;
  --l-warn: #f59e0b;
  --l-warn-soft: #27241f;
  --l-warn-label: #f7ad31;
  --l-error: #f25a5a;
  --l-error-soft: #3a1d1d;
  --l-info: #679efe;
  --l-info-soft: #2b3a52;

  --l-shadow-1: 0 2px 4px 0 #0000004d;
  --l-shadow-2: 0 4px 12px 0 #00000040, 0 2px 8px 0 #00000033;
  --l-shadow-3: 0 0 1px 0 #0006, 0 0 4px 0 #00000040, 0 12px 32px 0 #00000059;
  --l-tooltip-bg: #43454a;

  --l-accent-grad: linear-gradient(135deg, #679efe 0%, #4176e6 100%);
  --l-accent-grad-hover: linear-gradient(135deg, #7aa9ff 0%, #4d80ea 100%);
  --l-brand-grad: linear-gradient(135deg, #f9fafb 0%, #cfd3d6 100%);
  --l-glow-top: radial-gradient(760px 320px at 22% -6%, #34415b66, transparent 72%);
  --l-tint-blue: #2b3a52;
  --l-tint-green: #233c2c;
  --l-tint-amber: #27241f;
  --l-tint-violet: #2f2a4a;
  --l-violet: #a78bfa;
  --l-teal: #2dd4bf;
}