/*
 * Global styles for portal-shell.
 *
 * Tailwind CSS 4 (CSS-first config). The brand palette lives in
 * `libs/shared/tokens/src/brand-tokens.css` so every app in the
 * workspace (`portal-shell`, `portal-admin`) reads the same source.
 */

@import 'tailwindcss';

/*
 * Class-based dark mode. Tailwind v4 default is media-query-driven
 * (`prefers-color-scheme`); we override it so a `.dark` class on
 * <html> (set by `LayoutStateService` from the user's explicit
 * preference, or computed from the system preference in `auto` mode)
 * is the single switch. `&:where(.dark, .dark *)` keeps specificity
 * neutral so utility ordering doesn't shift.
 */
@custom-variant dark (&:where(.dark, .dark *));

/* Brand palette tokens — shared with `portal-admin` once it ships. */
@import '../../../libs/shared/tokens/src/brand-tokens.css';
