@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap');
@import "tailwindcss";
@theme {
  --color-primary: #1E40AF;
  --color-secondary: #3B82F6;
  --color-cta: #F59E0B;
  --color-background: #0F172A;
  --color-surface: #1E293B;
  --color-text: #F8FAFC;
  
  --font-sans: 'Fira Sans', sans-serif;
  --font-mono: 'Fira Code', monospace;
}

@layer base {
  :root {
    color-scheme: dark;
  }

  body {
    background-color: var(--color-background);
    color: var(--color-text);
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-mono);
    font-weight: 600;
  }
}
