@layer reset, tokens, composition, utility, block, exception;

@import "tokens.css" layer(tokens);
@import "reset.css" layer(reset);

@import "composition/stack.css" layer(composition);
@import "composition/cluster.css" layer(composition);
@import "composition/measure.css" layer(composition);
@import "composition/center.css" layer(composition);
@import "composition/sidebar.css" layer(composition);
@import "composition/switcher.css" layer(composition);
@import "composition/grid.css" layer(composition);
@import "composition/reel.css" layer(composition);

@import "utilities/flow.css" layer(utility);
@import "utilities/page-sections.css" layer(utility);
@import "utilities/visually-hidden.css" layer(utility);
@import "utilities/flash-on-swap.css" layer(utility);

@import "blocks/skip-link.css" layer(block);
@import "blocks/site-header.css" layer(block);
@import "blocks/site-footer.css" layer(block);
@import "blocks/site-content.css" layer(block);
@import "blocks/site-brand.css" layer(block);
@import "blocks/site-nav.css" layer(block);
@import "blocks/theme-toggle.css" layer(block);
@import "blocks/button.css" layer(block);
@import "blocks/form.css" layer(block);
@import "blocks/table.css" layer(block);
@import "blocks/flag.css" layer(block);
@import "blocks/administered-items.css" layer(block);
@import "blocks/captured-items.css" layer(block);
@import "blocks/call-log.css" layer(block);
@import "blocks/assessment-progress.css" layer(block);
@import "blocks/revision-interview.css" layer(block);
@import "blocks/card.css" layer(block);
@import "blocks/dialog.css" layer(block);
@import "blocks/dl.css" layer(block);
@import "blocks/breadcrumbs.css" layer(block);
@import "blocks/section-nav.css" layer(block);

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: var(--font-sans);
  color: var(--color-text);
  background: var(--color-surface);
}