:root {
  --bg: #FAFAFA;
  --surface: #FFFFFF;
  --text-primary: #1A1A1A;
  --text-secondary: #6B7280;
  --accent: #111111;
  --border: #E5E7EB;
  --border-hover: #D1D5DB;

  --radius-card: 16px;
  --radius-btn: 12px;
  --radius-badge: 8px;
  --radius-input: 12px;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --transition-fast: 150ms ease;
  --transition: 200ms ease;
  --transition-slow: 300ms ease;
  --motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-ease-in: cubic-bezier(0.32, 0, 0.67, 0);
  --motion-duration: 320ms;
  --motion-duration-slow: 380ms;
  --blur-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --blur-exit-ease: cubic-bezier(0.32, 0, 0.67, 0);
  --blur-duration: 360ms;
  --blur-exit-duration: 240ms;

  --success-bg: #D1FAE5;
  --success: #059669;
  --danger-bg: #FEE2E2;
  --danger: #DC2626;
  --warning-bg: #FEF3C7;
  --warning: #D97706;

  --gradient-1: linear-gradient(135deg, #E8D5E0, #D5C8E8);
  --gradient-2: linear-gradient(135deg, #D5E8E0, #C8D5E8);
  --gradient-3: linear-gradient(135deg, #E8E0D5, #E8D5C8);
  --gradient-4: linear-gradient(135deg, #D5E0E8, #C8E8E0);
  --gradient-5: linear-gradient(135deg, #E8D5D5, #E8C8D5);

  --container: 1120px;
  --header-height: 64px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
}