:root{
  /* Primary */
  --primary-50:#f0f7ff; --primary-100:#e1effe; --primary-200:#bae6fd; --primary-300:#7dd3fc; --primary-400:#38bdf8; --primary-500:#0ea5e9; --primary-600:#0284c7; --primary-700:#0369a1; --primary-800:#075985; --primary-900:#0c4a6e;
  /* Gray */
  --gray-50:#f9fafb; --gray-100:#f3f4f6; --gray-200:#e5e7eb; --gray-300:#d1d5db; --gray-400:#9ca3af; --gray-500:#6b7280; --gray-600:#4b5563; --gray-700:#374151; --gray-800:#1f2937; --gray-900:#111827;
  /* Semantic */
  --success-50:#ecfdf5; --success-500:#10b981; --success-600:#059669;
  --warning-50:#fffbeb; --warning-500:#f59e0b; --warning-600:#d97706;
  --error-50:#fef2f2; --error-500:#ef4444; --error-600:#dc2626;
  /* Spacing */
  --space-1:0.25rem; --space-2:0.5rem; --space-3:0.75rem; --space-4:1rem; --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-16:4rem;
  /* Radius */
  --radius-sm:0.375rem; --radius:0.5rem; --radius-md:0.75rem; --radius-lg:1rem; --radius-xl:1.5rem;
  /* Shadow */
  --shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);
  /* Font */
  --font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif;
  --font-size-xs:0.75rem; --font-size-sm:0.875rem; --font-size-base:1rem; --font-size-lg:1.125rem; --font-size-xl:1.25rem; --font-size-2xl:1.5rem;
  /* Z-index */
  --z-dropdown:1000; --z-sticky:1020; --z-fixed:1030; --z-modal:1040; --z-popover:1050; --z-tooltip:1060;
}