/* riftroot.com holding page. Erebus palette (canonical tokens live in
   this repo, tokens/erebus.tokens.json); dark only. */
@font-face {
  font-family: "Instrument Serif";
  src: url("/assets/fonts/instrument-serif-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --surface-bg: #0A0A0B;
  --text-body: #E8E8EA;
  --text-secondary: #B5B5BD;
  --accent-violet-bright: #C084FC;
}

html, body { height: 100%; }
body {
  margin: 0;
  background: var(--surface-bg);
  color: var(--text-body);
  font: 16px/1.6 "JetBrains Mono", ui-monospace, Menlo, monospace;
  display: grid;
  place-items: center;
}
main { padding: 24px 16px; text-align: center; min-width: 0; max-width: 100%; box-sizing: border-box; overflow-wrap: anywhere; }
.mark { display: block; margin: 0 auto 20px; }
h1 {
  font: 400 clamp(36px, 7vw, 56px)/1.1 "Instrument Serif", Georgia, serif;
  margin: 0 0 12px;
}
p { margin: 0 0 8px; color: var(--text-secondary); }
a { color: var(--accent-violet-bright); text-underline-offset: 3px; }
/* 44x44 minimum tap target (WCAG 2.5.8 / the mobile gate). */
main a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
a:focus-visible { outline: 2px solid var(--accent-violet-bright); outline-offset: 3px; }