@source "../../../kumo/dist/**/*.{js,jsx,ts,tsx}";
@source "../../../kumo/src/**/*.{ts,tsx}";
@import "@cloudflare/kumo/styles";
@import "tailwindcss";

@custom-variant dark (&:where([data-mode="dark"], [data-mode="dark"] *));

@theme {
  --font-sans:
    "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Prevent CLS from font loading */
html {
  font-display: optional;
}
