@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&family=Fira+Code:wght@400&display=swap');

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

:root {
  /* Calm Academic Palette - Soft Blues & Greens */
  --background: 210 20% 99%;
  --foreground: 215 25% 27%;
  
  /* Primary: Trustworthy Deep Blue */
  --primary: 215 50% 23%;
  --primary-foreground: 210 40% 98%;
  
  /* Secondary: Soft Sage Green */
  --secondary: 150 20% 92%;
  --secondary-foreground: 150 40% 20%;
  
  /* Accent: Energetic but muted teal/blue for CTAs */
  --accent: 195 60% 85%;
  --accent-foreground: 195 70% 20%;
  
  --muted: 210 20% 96%;
  --muted-foreground: 215 16% 47%;
  
  --destructive: 0 65% 55%;
  --destructive-foreground: 210 40% 98%;
  
  --border: 214 20% 90%;
  --input: 214 20% 90%;
  --ring: 215 50% 23%;
  
  --radius: 0.75rem;

  /* Custom Font Variables matching Tailwind config requirements */
  --font-display: 'Playfair Display', serif;
  --font-sans: 'Inter', sans-serif;
  --font-mono: 'Fira Code', monospace;
}

@layer base {
  body {
    @apply bg-background text-foreground antialiased selection:bg-primary/20 selection:text-primary;
    font-family: var(--font-sans);
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    @apply text-primary font-bold tracking-tight;
  }
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
  
  .glass-card {
    @apply bg-white/70 backdrop-blur-md border border-white/50 shadow-xl shadow-primary/5;
  }
  
  .gradient-text {
    @apply bg-clip-text text-transparent bg-gradient-to-r from-primary to-primary/70;
  }
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}