/* Base Para Compilar o Tailwind - Ignorado para o wordpress */
@tailwind base;
@tailwind components;
@tailwind utilities;

@plugin "@tailwindcss/typography";

@font-face {
  font-family: 'KeepCalm';
  src: url('./assets/fonts/KeepCalm/KeepCalm-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@layer components {
  .container-responsive {
    @apply w-full mx-auto px-4 max-w-6xl;
    @apply xl:max-w-7xl;
    @apply 3xl:max-w-9xl;
  }
}

@layer utilities {

  .text-fluid-title {
    font-size: clamp(2.0rem, 5vw, 3.5rem); 
  }

  .text-fluid-description {
    font-size: clamp(1rem, 2vw, 1.25rem);
  }

  .text-fluid-lg {
    font-size: clamp(1.5rem, 3vw, 2.75rem);
  }

  .text-fluid-xl {
    font-size: clamp(2rem, 5vw, 4rem);
  }

  .text-fluid-2xl {
    font-size: clamp(2.5rem, 6vw, 5rem);
  }
}