@import "tailwindcss";

@font-face {
  font-family: "Inter";
  src: url("/assets/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("/assets/Inter-Medium.woff2") format('woff2');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("/assets/Inter-SemiBold.woff2") format('woff2');
  font-weight: 600;
  font-display: swap;
}

@layer base {
  body {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  }

  /* Make turbo-frames transparent to layout */
  turbo-frame {
    display: contents;
  }
}