/* Importar fuentes Rubik y Poppins desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/* Tailwind CSS optimizado para performance */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Configuración base con fuentes personalizadas */
@layer base {
  html {
    scroll-behavior: smooth;
  }

  body {
    @apply antialiased;
    font-family: 'Poppins', sans-serif;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: 'Rubik', sans-serif;
  }
}

/* Componentes críticos únicamente */
@layer components {
  .text-gradient {
    @apply bg-gradient-to-r from-primary-600 to-primary-800 bg-clip-text text-transparent;
  }

  .font-rubik {
    font-family: 'Rubik', sans-serif;
  }

  .font-poppins {
    font-family: 'Poppins', sans-serif;
  }
}