Reports

Your @theme inline block and custom CSS variables override all color utilities, but they don’t define Tailwind’s actual color tokens.

Tailwind generates .dark .text-primary { color: theme("colors.primary") }

But your global CSS overrides --primary and --primary-foreground directly inside .dark

And since your base layer forces:

* {
  @apply border-border outline-ring/50;
}

And:

body {
  @apply bg-background text-foreground;
}

Those use CSS variables, which override internal Tailwind utilities, including dark: variants.

Tailwind’s dark: variant only works if .dark is on <html> or <body>

79828387