/* Placeholder until the website's own repository deploys here. Colours from design/system.md. */
:root {
  color-scheme: light dark;
  --paper: #f7f3ed;
  --ink: #15172b;
  --ink-2: #4b4e66;
  --accent: #4f46e5;
}
@media (prefers-color-scheme: dark) {
  :root { --paper: #0e1024; --ink: #f4f3fa; --ink-2: #b4b6c9; --accent: #8b85ff; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: max(2rem, env(safe-area-inset-top)) 1.5rem max(2rem, env(safe-area-inset-bottom));
  background: var(--paper);
  color: var(--ink);
  font: 1.0625rem/1.55 -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}
main, footer { width: 100%; max-width: 32rem; margin: 0 auto; }
.eyebrow { margin: 0 0 .5rem; color: var(--ink-2); font-size: .875rem; letter-spacing: .04em; text-transform: uppercase; }
h1 { margin: 0; font: 600 3rem/1.1 ui-serif, "New York", Georgia, serif; letter-spacing: -.01em; }
.lede { margin: .75rem 0 1.5rem; font: 1.375rem/1.35 ui-serif, "New York", Georgia, serif; }
p { margin: 0 0 1rem; }
a { color: var(--accent); text-underline-offset: .15em; }
footer { margin-top: 3rem; color: var(--ink-2); font-size: .875rem; }