@import "tailwindcss";

/* NOTE: This is using a private export. You should import from either:
- "@videojs/html/tailwind.css" for HTML skins
- "@videojs/react/tailwind.css" for React skins
*/
@import "@videojs/skins/shared/tailwind.css";

@source "../app";
@source "../src";
@source "../templates";
/* NOTE: This is non-standard since you'd usually eject the Tailwind skin into your own project and not import it from node_modules. */
@source "../node_modules/@videojs/skins";
@source "../node_modules/@videojs/html";
@source "../node_modules/@videojs/react";

@theme {
  --font-sans: InterVariable, Inter, ui-sans-serif, system-ui, sans-serif;
}