/* 设计令牌 - Design Tokens */

:root {
  /* 主色板 - 粉色浸透 */
  --pink-50: #FFF5F7;
  --pink-100: #FFE8EE;
  --pink-200: #FFD0DC;
  --pink-300: #FFB3C6;
  --pink-400: #FF8FAB;
  --pink-500: #FF6B9D;
  --pink-600: #E8457A;
  --pink-700: #C42D5E;

  /* 辅助色板 - 梦幻点缀 */
  --lavender-300: #D8B4FE;
  --peach-300: #FFB5A7;
  --mint-300: #A7F3D0;
  --gold-400: #FBBF24;
  --rose-500: #F43F5E;

  /* 中性色板 */
  --ink-900: #5C374C;
  --ink-700: #8B5E7A;
  --ink-500: #B0889C;
  --ink-300: #D4B8C4;
  --surface-0: #FFFBFC;
  --surface-50: #FFF5F7;

  /* 语义色 */
  --success: #4ade80;
  --danger: #ef4444;
  --info: #818cf8;

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

  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-full: 9999px;

  /* 阴影 */
  --shadow-sm: 0 2px 8px rgba(255, 107, 157, 0.08);
  --shadow-md: 0 4px 16px rgba(255, 107, 157, 0.12);
  --shadow-lg: 0 8px 32px rgba(255, 107, 157, 0.18);
  --shadow-xl: 0 16px 48px rgba(255, 107, 157, 0.22);
  --shadow-glow: 0 0 24px rgba(255, 107, 157, 0.25);
  --shadow-glow-strong: 0 0 40px rgba(255, 107, 157, 0.35);

  /* 字体 */
  --font-display: 'ZCOOL KuaiLe', 'Ma Shan Zheng', cursive;
  --font-body: 'Noto Sans SC', system-ui, sans-serif;

  /* 字号 */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 48px;
  --text-hero: 64px;

  /* 字重 */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;

  /* Z-Index */
  --z-base: 1;
  --z-sticky: 10;
  --z-float: 20;
  --z-overlay: 30;
  --z-modal-backdrop: 40;
  --z-modal: 50;
  --z-toast: 60;
  --z-celebration: 70;
}