@import "tailwindcss";

@theme {
  --color-primary: #00CCFF;
  --color-secondary: #E500FF;
  --color-success: #22C55E;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --color-info: #00CCFF;
}

:root {
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Base styles for the simulation components */
.simulation-container {
  @apply min-h-[500px] flex flex-col;
}