/*
 * Global stylesheet. Tailwind v4 is compiled by the styles.process hook in
 * wrnexus.config.ts and served at /__wrnexus/styles.css on every page.
 *
 * @source tells Tailwind which files to scan for class names.
 */
@import "tailwindcss";
@plugin "@iconify/tailwind4";
@source "../**/*.wrn";
@source "../**/*.tsx";

/* Make Tailwind's `dark:` variant follow the framework's data-theme attribute
 * (set on <html> by the theme system), not the OS setting. Any element with
 * data-wire-theme-toggle flips it. */
@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));

body {
  font-family: var(--wire-font-sans, "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif);
}
