/* The public legal pages (tools/build_terms_site.py): a paper sheet on the
   device's dark ground. Every value is a token from hyperion-tokens.css. */

@font-face { font-family: "Archivo"; font-weight: 400; src: url(fonts/Archivo-Regular.woff2) format("woff2"); font-display: swap; }
@font-face { font-family: "Archivo"; font-weight: 600; src: url(fonts/Archivo-SemiBold.woff2) format("woff2"); font-display: swap; }

* { box-sizing: border-box; }
html { background: var(--color-void-700); }
body {
  margin: 0; padding: var(--space-6) var(--space-4);
  color: var(--color-ink-700);
  font-family: var(--font-display); font-size: var(--size-body-lg); line-height: var(--leading-normal);
}
.sheet {
  max-width: 44rem; margin: 0 auto; padding: var(--space-8) var(--space-6);
  background: var(--color-paper-100); border-radius: var(--radius-sm);
}
h1, h2 { color: var(--color-ink-900); font-weight: var(--weight-semibold); line-height: var(--leading-snug); }
h1 { margin: 0 0 var(--space-2); font-size: var(--size-h3); }
h2 { margin: var(--space-8) 0 var(--space-2); font-size: var(--size-h4); }
strong { color: var(--color-ink-900); font-weight: var(--weight-semibold); }
li { margin: var(--space-2) 0; }
a { color: var(--color-teal-700); }
nav { max-width: 44rem; margin: var(--space-4) auto 0; text-align: center; font-size: var(--size-caption); color: var(--color-bone-200); }
nav a { color: var(--color-bone-200); }

@media (max-width: 480px) {
  body { padding: var(--space-3); }
  .sheet { padding: var(--space-6) var(--space-4); }
}