/*
 * 直播佣金结算系统项目级语义令牌。
 * 唯一维护入口：3.系统实现/开发规范/README.md。
 * 页面组件只引用 --ls-*，不得复制同义颜色、圆角和间距。
 */
:root {
  --ls-primary: #1677ff;
  --ls-primary-hover: #0958d9;
  --ls-primary-soft: #eaf3ff;
  --ls-accent: #0f9f92;
  --ls-accent-soft: #e8f8f5;
  --ls-success: #2f7d4d;
  --ls-success-soft: #e8f5ec;
  --ls-warning: #a86508;
  --ls-warning-soft: #fff2d8;
  --ls-danger: #b73a3a;
  --ls-danger-soft: #fdecec;
  --ls-bg: #f4f6f9;
  --ls-surface: #ffffff;
  --ls-surface-soft: #f7f9fc;
  --ls-border: #d9e0ea;
  --ls-border-soft: #e8edf4;
  --ls-text: #172033;
  --ls-muted: #667085;
  --ls-nav: #182033;
  --ls-nav-hover: #26334a;
  --ls-sidebar-width: 248px;
  --ls-sidebar-current: var(--ls-sidebar-width);
  --ls-config-width: 268px;
  --ls-topbar-height: 62px;
  --ls-tabs-height: 42px;
  --ls-shadow: 0 6px 20px rgba(24, 32, 51, .07);
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
  --ls-font-size-xs: 12px;
  --ls-font-size-sm: 14px;
  --ls-font-size-md: 16px;
  --ls-font-size-lg: 18px;
  --ls-font-size-xl: 24px;
  --ls-space-1: 4px;
  --ls-space-2: 8px;
  --ls-space-3: 12px;
  --ls-space-4: 16px;
  --ls-space-5: 20px;
  --ls-space-6: 24px;
  --ls-radius-control: 6px;
  --ls-radius-panel: 7px;
  --ls-radius-card: 8px;
  --ls-control-height: 34px;
  --ls-control-height-touch: 44px;
  --ls-duration-fast: 160ms;
  --ls-duration-base: 200ms;
  --ls-z-sidebar: 30;
  --ls-z-tabs: 22;
  --ls-z-popover: 80;
  --ls-z-modal: 100;
  --ls-z-toast: 120;
}

@media (max-width: 767px) {
  :root {
    --ls-sidebar-current: 0px;
    --ls-space-4: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ls-duration-fast: 1ms;
    --ls-duration-base: 1ms;
  }
}