/*
 * Component styles for consumers that supply their own reset — everything
 * styles.css ships except fonts, Tailwind's preflight and third-party CSS.
 * Import order matches styles.css so the cascade resolves the same way.
 *
 * tw-preflight-vars.css is deliberately NOT imported here. A consumer that
 * puts this file's output in a native CSS @layer (e.g. layer(arrow-ds)) would
 * inherit that layer's rank for its `*, ::before, ::after` selector too —
 * layers outrank specificity, so if that layer sits above another Tailwind
 * bundle in the consumer's @layer order, this file's --tw-ring-color/--tw-shadow
 * defaults on `*` would win over every ring/shadow utility that bundle draws
 * from its own layer, regardless of which selector is more specific. Ship it
 * as its own file (public/css/tw-preflight-vars.css) so consumers can put it
 * in its own low-ranked layer instead — the values are defaults nothing else
 * sets, so their layer rank doesn't matter as long as something supplies them.
 */
@import "components";
@import "tailwindcss/utilities";
@import "./utilities/index";