/* Import modern font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

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

/* Base styles */
@layer base {
  body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* Custom utilities */
@layer utilities {
  /* Shadow system for elevation */
  .shadow-soft {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }
  
  .shadow-medium {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  }
  
  .shadow-strong {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  }
  
  /* Hover lift effect */
  .hover-lift {
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
  }
  
  .hover-lift:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  }
  
  /* Smooth transitions */
  .transition-smooth {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  /* Gradient text */
  .gradient-text {
    background: linear-gradient(135deg, hsl(var(--p)) 0%, hsl(var(--a)) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
}

/* Hide header and sidebar when printing */
@media print {
  header, .drawer-side {
    display: none !important;
  }
}
