/**
 * LH 设计系统 - Design Tokens
 * 与 LH 主题完全同款的设计变量
 * 浅色模式 :root / 深色模式 [data-theme="dark"]
 */

:root {
  --lh-bg:#f4f6fb; --lh-bg-soft:#eef1f8; --lh-bg-elevated:#ffffff;
  --lh-surface:rgba(255,255,255,.72); --lh-surface-2:rgba(255,255,255,.55); --lh-surface-solid:#ffffff;
  --lh-border:rgba(15,23,42,.08); --lh-border-strong:rgba(15,23,42,.14);
  --lh-text:#0f172a; --lh-text-soft:#475569; --lh-text-mute:#94a3b8; --lh-text-inv:#ffffff;
  --lh-primary:#ff3f9f; --lh-primary-hover:#e62e8b; --lh-primary-active:#c81f76;
  --lh-primary-light:#fff0f7; --lh-primary-soft:rgba(255,63,159,.10);
  --lh-accent:#ff7a45; --lh-accent-hover:#e5683a; --lh-accent-light:#fff5f0;
  --lh-accent-2:#ff9f43; --lh-secondary:#ff9f43;
  --lh-gradient:linear-gradient(135deg,#c81f76 0%,#ff3f9f 45%,#ff7a45 100%);
  --lh-gradient-primary:linear-gradient(135deg,#ff3f9f 0%,#ff7a45 100%);
  --lh-gradient-soft:linear-gradient(135deg,rgba(255,63,159,.12) 0%,rgba(255,122,69,.12) 100%);
  --lh-gradient-warm:linear-gradient(135deg,#d99a2b 0%,#f0c060 100%);
  --lh-gradient-text:linear-gradient(120deg,#ff3f9f 0%,#ff9f43 50%,#ff7a45 100%);
  --lh-success:#16a34a; --lh-success-soft:rgba(22,163,74,.12);
  --lh-warning:#f59e0b; --lh-warning-soft:rgba(245,158,11,.12);
  --lh-danger:#ef4444;  --lh-danger-soft:rgba(239,68,68,.12);
  --lh-info:#0ea5e9;    --lh-info-soft:rgba(14,165,233,.12);
  --lh-vip:linear-gradient(135deg,#d99a2b 0%,#f0c060 100%);
  --lh-vip-2:#f0c060;

  --lh-container:1300px; --lh-container-wide:1400px; --lh-gutter:20px;
  --lh-r-xs:6px; --lh-r-sm:10px; --lh-r-md:14px; --lh-r-lg:20px; --lh-r-xl:28px; --lh-r-full:999px;
  --lh-sp-1:4px; --lh-sp-2:8px; --lh-sp-3:12px; --lh-sp-4:16px; --lh-sp-5:24px; --lh-sp-6:32px; --lh-sp-7:48px; --lh-sp-8:64px;
  --lh-fs-xs:12px; --lh-fs-sm:13px; --lh-fs-base:14px; --lh-fs-md:16px; --lh-fs-lg:18px;
  --lh-fs-xl:20px; --lh-fs-2xl:24px; --lh-fs-3xl:30px; --lh-fs-4xl:38px; --lh-fs-5xl:48px;
  --lh-lh-tight:1.3; --lh-lh-base:1.7; --lh-lh-loose:1.9;
  --lh-fw-regular:400; --lh-fw-medium:500; --lh-fw-semibold:600; --lh-fw-bold:700;
  --lh-header-h:88px; --lh-sidebar-w:260px;
  --lh-transition:.25s var(--lh-ease);

  --lh-sh-1:0 1px 2px rgba(15,23,42,.04),0 2px 6px rgba(15,23,42,.04);
  --lh-sh-2:0 4px 12px rgba(15,23,42,.06),0 12px 28px rgba(15,23,42,.06);
  --lh-sh-3:0 8px 24px rgba(15,23,42,.08),0 24px 60px rgba(15,23,42,.10);
  --lh-sh-glow:0 8px 30px rgba(255,63,159,.25);
  --lh-sh-inset:inset 0 1px 0 rgba(255,255,255,.6);
  --lh-glass-blur:blur(18px) saturate(160%); --lh-glass-blur-strong:blur(28px) saturate(180%);
  --lh-ease:cubic-bezier(.4,0,.2,1); --lh-ease-out:cubic-bezier(.16,1,.3,1); --lh-ease-spring:cubic-bezier(.34,1.56,.64,1);
  --lh-dur-fast:.16s; --lh-dur:.28s; --lh-dur-slow:.5s;
  --lh-z-header:100; --lh-z-drawer:900; --lh-z-modal:1000; --lh-z-toast:1100;

  --lh-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
  --lh-font-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}

[data-theme="dark"] {
  --lh-bg:#0a0e1a; --lh-bg-soft:#0f1524; --lh-bg-elevated:#141b2d;
  --lh-surface:rgba(22,29,47,.66); --lh-surface-2:rgba(22,29,47,.45); --lh-surface-solid:#161d2f;
  --lh-border:rgba(255,255,255,.08); --lh-border-strong:rgba(255,255,255,.16);
  --lh-text:#e7ecf6; --lh-text-soft:#a5b2c8; --lh-text-mute:#6c7a93; --lh-text-inv:#0f172a;
  --lh-primary:#ff6bb5; --lh-primary-hover:#ff8cc6; --lh-primary-active:#ff3f9f;
  --lh-primary-light:rgba(255,107,181,.14); --lh-primary-soft:rgba(255,107,181,.14);
  --lh-accent:#ff9f6b; --lh-accent-hover:#ffb88a; --lh-accent-light:rgba(255,159,107,.12);
  --lh-accent-2:#ffb86b; --lh-secondary:#ffb86b;
  --lh-gradient:linear-gradient(135deg,#ff3f9f 0%,#ff6bb5 45%,#ff9f6b 100%);
  --lh-gradient-primary:linear-gradient(135deg,#ff6bb5 0%,#ff9f6b 100%);
  --lh-gradient-soft:linear-gradient(135deg,rgba(255,107,181,.12) 0%,rgba(255,159,107,.10) 100%);
  --lh-gradient-text:linear-gradient(120deg,#ff6bb5 0%,#ffb86b 50%,#ff9f6b 100%);
  --lh-success:#4ade80; --lh-success-soft:rgba(74,222,128,.14);
  --lh-warning:#fbbf24; --lh-warning-soft:rgba(251,191,36,.14);
  --lh-danger:#f87171;  --lh-danger-soft:rgba(248,113,113,.14);
  --lh-info:#38bdf8;    --lh-info-soft:rgba(56,189,248,.14);
  --lh-vip:#f0c060; --lh-vip-2:#f0c060;
  --lh-sh-glow:0 8px 30px rgba(255,107,181,.28);
  --lh-sh-1:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.25);
  --lh-sh-2:0 4px 12px rgba(0,0,0,.35),0 12px 28px rgba(0,0,0,.3);
  --lh-sh-3:0 8px 24px rgba(0,0,0,.4),0 24px 60px rgba(0,0,0,.45);
  --lh-sh-inset:inset 0 1px 0 rgba(255,255,255,.06);
}