/* main.css — CSS entry point */
@import url('tokens.css');
@import url('reset.css');
@import url('base.css');
@import url('layout.css');
@import url('components.css');
@import url('motion.css');

/* Utilities */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

body { overflow-x: clip; }
main { display: block; }

/* Spacing utilities */
.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mt-4 { margin-top: 2rem; }
.mt-5 { margin-top: 2.5rem; }
.mt-6 { margin-top: 3rem; }
.mb-6 { margin-bottom: 3rem; }

/* Max-width utilities */
.mw-narrow { max-width: var(--max-w-narrow); }
.mw-12 { max-width: 12ch; }
.mw-16 { max-width: 16ch; }
.mw-18 { max-width: 18ch; }
.mw-20 { max-width: 20ch; }