/* Small Things - stylesheet entry point
   ------------------------------------------------------------------
   Load order matters. Tokens first, then components, and each *-extend
   file sits immediately after the copy it extends.

   Everything except the two extend files is a byte-for-byte copy of
   the design system's - the seven token files, base.css and
   components.css. Do not edit them here. If the system changes,
   recopy; local additions go in tokens/extend.css and
   components-extend.css.

   base.css is the document layer - reset, page colour and type, image
   defaults, scroll behaviour, the visually-hidden recipe and the skip
   link. It sits between the tokens and components.css, and it is the
   system's, new in round three. page.css no longer carries any of it.

   Last resynced 12 August 2026, against the round-three system.
   tokens/extend.css carries --bp-lg and --scroll-offset, both of them
   measurements of this page rather than brand values;
   components-extend.css carries the flush card and nothing else.

   Page and section layout is page.css, imported last so it can place
   the system's components without editing them. It is ours, not a
   copy.
   ------------------------------------------------------------------ */

@import url("tokens/fonts.css");
@import url("tokens/colors.css");
@import url("tokens/typography.css");
@import url("tokens/spacing.css");
@import url("tokens/shape.css");
@import url("tokens/motion.css");
@import url("tokens/breakpoints.css");
@import url("tokens/extend.css");

@import url("base.css");

@import url("components.css");
@import url("components-extend.css");

@import url("page.css");