:root {
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --color-white: #ffffff;
  --color-gray-200: #edf2f7;
  --color-gray-400: #a0aec0;
  --color-gray-500: #718096;
  --color-gray-700: #4a5568;
  --color-red-500: #f56565;
  --color-red-600: #e53e3e;
  --color-orange-100: #feebc8;
  --color-orange-500: #ed8936;
  --color-orange-600: #dd6b20;
  --color-indigo-100: #ebf4ff;
  --color-indigo-600: #5a67d8;
  --color-indigo-700: #4c51bf;
  --color-indigo-800: #434190;
  --color-green-400: #68d391;
  --color-green-500: #48bb78;
  --color-green-700: #2f855a;
  --color-yellow-500: #ecc94b;
  --color-pink-500: #ed64a6;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --radius-sm: 0.25rem;
  --radius-full: 9999px;
  --shadow-card: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);
  --text-xs: 0.75rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-4xl: 2.25rem;
  --screen-sm: 640px;
  --screen-md: 768px;
  --screen-lg: 1024px;
}