/* LebotWorld 基础 UI Tokens · 基于首页与消息中心定稿样式 */
:root {
  /* Brand */
  --lw-brand-500: #6657f4;
  --lw-brand-600: #5747da;
  --lw-brand-700: #4f43d7;
  --lw-accent-blue: #5c91f6;
  --lw-accent-cyan: #45b9d6;
  --lw-brand-gradient: linear-gradient(135deg, #6657f4 0%, #574be8 55%, #548bf5 100%);

  /* Neutral */
  --lw-ink: #222239;
  --lw-text: #62647a;
  --lw-muted: #8a8ba1;
  --lw-disabled: #b9bac8;
  --lw-canvas: #f5f4fa;
  --lw-canvas-soft: #f8f8fc;
  --lw-surface: #ffffff;
  --lw-surface-purple: #f3f1ff;
  --lw-surface-blue: #eef5ff;
  --lw-border: rgba(93, 85, 151, .14);
  --lw-divider: rgba(93, 85, 151, .11);

  /* Dark Hero */
  --lw-obsidian-900: #070a1d;
  --lw-obsidian-800: #090d22;
  --lw-obsidian-700: #111638;
  --lw-text-on-dark: #ffffff;
  --lw-text-on-dark-muted: rgba(235, 235, 248, .82);

  /* Semantic */
  --lw-success: #35a984;
  --lw-warning: #f0b63f;
  --lw-danger: #d54965;
  --lw-info: #5c91f6;

  /* Typography */
  --lw-font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --lw-type-display: clamp(50px, 4.15vw, 68px);
  --lw-type-page-title: clamp(36px, 4vw, 52px);
  --lw-type-section-title: clamp(36px, 3.1vw, 48px);
  --lw-type-feature-title: clamp(42px, 4.15vw, 64px);
  --lw-type-card-title: 24px;
  --lw-type-module-title: 20px;
  --lw-type-body-lg: 16px;
  --lw-type-body: 14px;
  --lw-type-nav-top: 16px;
  --lw-type-nav-side: 15px;
  --lw-type-nav: var(--lw-type-nav-side);
  --lw-type-caption: 12px;
  --lw-type-eyebrow: 11px;
  --lw-line-display: 1.06;
  --lw-line-title: 1.12;
  --lw-line-body-lg: 26px;
  --lw-line-body: 22px;
  --lw-line-caption: 18px;

  /* Spacing */
  --lw-space-1: 4px;
  --lw-space-2: 8px;
  --lw-space-3: 12px;
  --lw-space-4: 16px;
  --lw-space-5: 20px;
  --lw-space-6: 24px;
  --lw-space-8: 32px;
  --lw-space-10: 40px;
  --lw-space-12: 48px;
  --lw-space-16: 64px;

  /* Shape */
  --lw-radius-control: 12px;
  --lw-radius-button: 15px;
  --lw-radius-card-sm: 18px;
  --lw-radius-card: 26px;
  --lw-radius-card-lg: 34px;
  --lw-radius-pill: 999px;

  /* Elevation */
  --lw-shadow-sm: 0 10px 24px rgba(74, 64, 148, .09);
  --lw-shadow-md: 0 18px 45px rgba(55, 48, 111, .14);
  --lw-shadow-lg: 0 22px 60px rgba(54, 47, 111, .09), 0 3px 12px rgba(54, 47, 111, .035);
  --lw-focus-ring: 0 0 0 3px rgba(102, 87, 244, .18);

  /* Motion */
  --lw-motion-fast: 180ms;
  --lw-motion-normal: 200ms;
  --lw-motion-reveal: 480ms;
  --lw-ease-standard: cubic-bezier(.2, .8, .2, 1);

  /* App Shell */
  --lw-topbar-height: 68px;
  --lw-sidebar-width: 224px;
  --lw-icon-sm: 15px;
  --lw-icon-md: 19px;
  --lw-icon-lg: 24px;
  --lw-icon-stroke: 1.8;
}