:root {
  /* 色彩 — Bento Grid */
  --color-primary: #EC4899;
  --color-secondary: #F9A8D4;
  --color-cta: #22C55E;
  --color-background: #ffffff;
  --color-surface: #f5f5f7;
  --color-text: #1d1d1f;
  --color-text-secondary: #86868b;
  --color-accent: #A855F7;
  --color-error: #EF4444;
  --color-white: #FFFFFF;

  /* 字體 */
  --font-display: -apple-system, 'SF Pro Display', 'Noto Sans TC', system-ui, sans-serif;
  --font-text: -apple-system, 'SF Pro Text', 'Noto Sans TC', system-ui, sans-serif;

  /* 圓角 */
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;

  /* 間距 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* 觸控 */
  --touch-target-min: 80px;

  /* 卡片漸層 */
  --gradient-pink: linear-gradient(135deg, #FDF2F8, #FBCFE8);
  --gradient-green: linear-gradient(135deg, #ECFDF5, #A7F3D0);
  --gradient-yellow: linear-gradient(135deg, #FEF3C7, #FDE68A);
  --gradient-purple: linear-gradient(135deg, #EDE9FE, #C4B5FD);
  --gradient-blue: linear-gradient(135deg, #E0F2FE, #93C5FD);
  --gradient-orange: linear-gradient(135deg, #FFF3E0, #FFCC80);

  /* 灰階 */
  --color-gray-50: #F9FAFB;
  --color-gray-100: #F3F4F6;
  --color-gray-200: #E5E7EB;
  --color-gray-300: #D1D5DB;
  --color-gray-400: #9CA3AF;
  --color-gray-500: #6B7280;

  /* 列印 (mm) */
  --ws-page-width: 210mm;
  --ws-page-height: 297mm;
  --ws-margin-x: 12mm;
  --ws-margin-y: 10mm;
  --ws-content-width: 186mm;
  --ws-content-height: 277mm;
}