/* Import Google Fonts - must be at the top */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');

/* Import Tailwind CSS */
@import "tailwindcss";

@layer base {
  :root {
    --font-inter: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', 'Consolas', monospace;
  }

  html {
    font-family: var(--font-inter);
  }

  body {
    background-color: rgb(249 250 251); /* gray-50 */
    color: rgb(17 24 39); /* gray-900 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* Dark mode (system preference) */
  @media (prefers-color-scheme: dark) {
    body {
      background-color: rgb(3 7 18); /* gray-950 */
      color: rgb(243 244 246); /* gray-100 */
    }
  }
}
