/* 
 * This file serves as a bridge for Tailwind CSS styles
 * It will be processed by PostCSS with the Tailwind plugin
 */

/* Use @tailwind directives instead of @import for production builds */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Montserrat', sans-serif;
  color: #475467;
}

.logo-scroller {
  -webkit-mask-image: linear-gradient(to right, transparent, white 10%, white 90%, transparent);
  mask-image: linear-gradient(to right, transparent, white 10%, white 90%, transparent);
}