/* =========================================
   JM Oficina SOS — style.css
   Compilar com: npx tailwindcss -i ./src/css/style.css -o ./dist/style.css --watch
   ========================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Roboto:wght@400;500&display=swap');

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

@layer base {
  html {
    scroll-behavior: smooth;
  }
  body {
    @apply bg-background text-foreground font-body antialiased;
  }
  /* Força preenchimento dourado nas estrelas Lucide */
  [data-lucide="star"] {
    fill: currentColor;
    stroke: currentColor;
  }
}

@layer components {
  .nav-link {
    @apply relative text-white/90 hover:text-primary font-heading text-sm font-bold uppercase tracking-widest transition-colors duration-300;
  }
  .nav-link::after {
    content: '';
    @apply absolute -bottom-1 left-0 w-0 h-[2px] bg-primary transition-all duration-300;
  }
  .nav-link:hover::after {
    @apply w-full;
  }
}