@import "tailwindcss";

@variant dark (&:where(.dark, .dark *));

@theme {
  --color-primary-50: #ecfdf5;
  --color-primary-100: #d1fae5;
  --color-primary-500: #10b981;
  --color-primary-700: #047857;
  --color-primary-800: #065f46;
  --color-primary-900: #064e3b;
  
  --font-sans: var(--font-sans), ui-sans-serif, system-ui, sans-serif;
  --font-display: var(--font-display), ui-sans-serif, system-ui, sans-serif;
}

body {
  @apply antialiased bg-slate-50 text-slate-900 dark:bg-slate-900 dark:text-slate-50;
}