/* Haoshuo Design Tokens */
:root {
  --color-primary: #FACC15;
  --color-primary-hover: #EAB308;
  --color-primary-active: #CA8A04;
  --color-primary-disabled: #FDE68A;
  --color-primary-soft: #FEF9C3;
  --color-success: #5F7D68;
  --color-warning: #FACC15;
  --color-error: #9B5C5C;
  --color-info: #6B7280;
  --gray-50:#F9FAFB; --gray-100:#F3F4F6; --gray-200:#E5E7EB; --gray-300:#D1D5DB;
  --gray-400:#9CA3AF; --gray-500:#6B7280; --gray-700:#374151; --gray-900:#1F1F1F;
  --color-text-primary:#1F1F1F; --color-text-secondary:#6B7280; --color-text-tertiary:#9CA3AF; --color-placeholder:#9CA3AF;
  --color-bg-page:#F9FAFB; --color-bg-card:#FFFFFF; --color-bg-hover:#F3F4F6;
  --color-border:#D1D5DB; --color-border-light:#E5E7EB;
  --radius-sm:6px; --radius-md:10px; --radius-lg:16px;
  --shadow-card:0 8px 24px rgba(31,31,31,.06);
  --font-family-cn:"Haoshuo-CN","Alibaba PuHuiTi 3.0","PingFang SC",sans-serif;
  --font-family-en:"Haoshuo-EN",Inter,Arial,sans-serif;
  --font-family-mono:"Haoshuo-Mono","JetBrains Mono",monospace;
  --font-size-xs:12px; --font-size-sm:14px; --font-size-md:16px; --font-size-lg:18px; --font-size-xl:24px; --font-size-2xl:32px;
  --spacing-1:4px; --spacing-2:8px; --spacing-3:12px; --spacing-4:16px; --spacing-5:20px; --spacing-6:24px;
  --spacing-7:28px; --spacing-8:32px; --spacing-9:36px; --spacing-10:40px; --spacing-11:48px; --spacing-12:64px;
}