@layer
  reset,
  fonts,
  tokens,
  color-scheme,
  typography;

@import url('/assets/packages/@rhds/tokens/css/global.css') layer(tokens);
@import url('/assets/packages/@rhds/tokens/css/default-theme.css') layer(tokens);
@import url('../reset.css') layer(reset);
@import url('../fonts.css') layer(fonts);
@import url('../typography.css') layer(typography);

html,
body,
main {
  color-scheme: light dark;
  height: 100%;
}