/* Must be first — registers Tailwind's layer order (@layer theme, base, components, utilities) */
@import 'tailwindcss';

/* Raw CSS custom properties on :root — imported before @theme files so definitions
   precede their consumers */
@import './colors/base.css';
@import './colors/defra-light.css';
@import './fonts/faces.css';

/* @theme blocks — order between these files does not matter */
@import './breakpoints.css';
@import './colors.css';
@import './layout.css';
@import './typography.css';

/* @utility, @layer base, @layer components */
@import './utilities.css';