/* 剧星设计 Token（与 .cursor/rules 设计语言对齐） */
:root {
  --color-brand-500: #0052d9;
  --color-brand-600: #0051d5;
  --color-brand-nav-active: #0052d9;
  --color-brand-accent-purple: #6e5bff;
  --color-brand-accent-cyan: #4c9aff;
  --color-success-500: #00a870;
  --color-warning-500: #d93a00;

  --color-bg-page: #f2f2f7;
  --color-bg-surface: #ffffff;
  --color-bg-subtle: #f5f5f7;
  --color-fill-100: #e5e5ea;
  --color-text-primary: #1d1d1f;
  --color-text-regular: rgba(60, 60, 67, 0.85);
  --color-text-secondary: rgba(60, 60, 67, 0.6);
  --color-text-weak: #6e6e73;
  --color-border-default: rgba(60, 60, 67, 0.12);
  --color-border-light: rgba(60, 60, 67, 0.08);

  --font-family-sans:
    -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
    "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    sans-serif;

  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-15: 15px;
  --font-size-16: 16px;
  --font-size-17: 17px;
  --font-size-18: 18px;
  --font-size-20: 20px;

  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-24: 24px;
  --radius-pill: 999px;

  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;

  --layout-topbar-height: 60px;
  --layout-breakpoint-mobile: 992px;

  --shadow-light: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-default: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-modal: 0 12px 48px rgba(0, 0, 0, 0.15);

  --z-sticky: 100;
  --z-mobile-nav: 1000;

  --motion-duration-fast: 120ms;
  --motion-duration-normal: 200ms;
  --motion-duration-slow: 280ms;
  --motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}