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

/* Importar estilos customizados */
@import './custom-styles.css';

/* Estilos customizados */
@layer base {
  html {
    scroll-behavior: smooth;
  }
  body {
    font-family: var(--font-body);
    font-size: var(--text-base);
    line-height: 1.6;
    color: var(--text-primary);
    background-color: var(--background-primary);
  }
}

@layer components {
  .container {
    @apply mx-auto max-w-7xl px-4 sm:px-6 lg:px-8;
  }
}

@layer utilities {
  /* Utilitários customizados se necessário */
}