/* @font-face declarations — Inter self-hosted */
/* font-display: optional eliminates FOUT when paired with <link rel="preload"> in index.html */
/* WARNING: Without the preload tag, optional alone misses the 100ms window on first visit */

@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/inter-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/inter-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}

/* Global body styles — all values reference semantic tokens from tokens.css */
body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
  color: var(--text-primary);
  background-color: var(--bg-page);
}

/* Canvas placeholder — sits behind all content, phase 15 will draw into it */
#starfield {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: block;
}