@tailwind base;
@tailwind components;
@tailwind utilities;

/* Dark mode base styles */
@layer base {
  :root {
    /* CSS Variables for colors */
    --color-dark-bg: #181818;
    --color-dark-surface: #242424;
    --color-dark-elevated: #2a2a2a;
    --color-dark-border: #383838;
    --color-dark-input: #1f1f1f;
  }
  
  body {
    @apply bg-dark-bg text-gray-100;
  }
}