@import "tailwindcss";

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-primary: #1e40af;
  --color-primary-light: #3b82f6;
  --color-danger: #dc2626;
  --color-danger-light: #fecaca;
  --color-success: #16a34a;
  --color-success-light: #bbf7d0;
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

:root {
  --background: #f8fafc;
  --foreground: #0f172a;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans), Arial, Helvetica, sans-serif;
}