/* hi.atlasautomates.com placeholder/404 shell — tokens only, no literals
   (design rule 1). tokens.css is a drift-checked copy of the apex artifact:
   same brand world, vice-blue at whisper chroma; the accent is spent on the
   page's one action (the link), per the hierarchy rule. */
body {
  font-family: var(--font-sans);
  display: grid;
  place-items: center;
  min-height: 100vh;
  min-height: 100svh; /* iOS Safari: small-viewport height, no toolbar gap */
  margin: 0;
  background: var(--bg-root);
  color: var(--text-secondary);
  line-height: 1.5;
}
main {
  text-align: center;
  padding: var(--space-6, 2rem);
  max-width: 60ch;
}
a {
  color: var(--accent);
  display: inline-block;      /* tap target: reaches ~44px with the padding */
  padding: 0.5rem 0;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 150ms ease;
}
a:hover { color: var(--text-primary); }
a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: 4px;
}