@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Outfit", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  
  --color-primary: #0A2647; /* Deep Navy */
  --color-secondary: #144272; /* Mid Navy */
  --color-accent: #205295; /* Bright Navy */
  --color-highlight: #2C74B3; /* Blue Highlight */
  --color-brand-green: #22c55e; /* Green for 'tech' */
  --color-surface: #F8FAFC;
  --color-dark: #020617;
}

@layer base {
  body {
    @apply font-sans text-dark bg-white antialiased selection:bg-highlight/30;
  }
  h1, h2, h3, h4, h5, h6 {
    @apply font-display font-semibold tracking-tight;
  }
}

.glass-card {
  @apply bg-white/80 backdrop-blur-lg border border-white/20 shadow-xl;
}

.industrial-grid {
  background-image: radial-gradient(circle at 1px 1px, rgba(0,0,0,0.05) 1px, transparent 0);
  background-size: 40px 40px;
}