@layer tokens, reset, typography, layout, components, utilities;

@import url("./tokens.css") layer(tokens);
@import url("./reset.css") layer(reset);
@import url("./typography.css") layer(typography);
@import url("./layout.css") layer(layout);
@import url("./components.css") layer(components);

@layer utilities {
  .mt-0 { margin-block-start: 0 !important; }
  .mb-0 { margin-block-end: 0 !important; }
  .py-section { padding-block: var(--sp-section); }
  .hide { display: none !important; }
  @media (max-width: 719px) { .hide\@sm { display: none !important; } }
  @media (min-width: 720px) { .show\@sm { display: initial !important; } }
}