/* base.css — reset + base element styles. Components live in their own files. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-ui);
  font-size: var(--fs-300);
  line-height: 1.5;
}
h1, h2, h3, h4 { font-family: var(--font-display); font-weight: var(--fw-bold); letter-spacing: -.01em; margin: 0; }
button { font: inherit; cursor: pointer; color: inherit; }
a { color: var(--ink); }
:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }

/* loading placeholder */
.boot { min-height: 100vh; display: grid; place-items: center; padding: 2rem; text-align: center; }
.boot__brand { font-family: var(--font-display); font-weight: 700; font-size: var(--fs-600); }
.boot__sub { color: var(--ink-soft); margin-top: var(--space-2); }