@import "tailwindcss";

@theme {
  --color-primary: #059669;
  --color-secondary: #0ea5e9;
  --color-surface: #1f2937;
  --color-background: #111827;
  --font-sans: 'Inter', 'system-ui', 'sans-serif';
}

@layer base {
  body {
    background-color: var(--color-background);
    color: #e5e7eb;
    font-family: var(--font-sans);
  }
  h1, h2, h3, h4 {
    font-weight: 700;
    color: #f9fafb;
  }
}