/* Tesseract Void — shared design tokens.
   Loaded on every page. Nothing here assumes the plane. */

:root{
  --night:#08061A;
  --night-2:#0C0930;
  --ink:#0b0922;
  --bone:#F1ECE0;
  --bone-dim:rgba(241,236,224,.55);
  --bone-faint:rgba(241,236,224,.28);
  --hair:rgba(241,236,224,.12);
  --gold:#D9B36A;
  --gold-pale:#F0D8A6;
  --e:cubic-bezier(.19,1,.22,1);
  --disp:"Instrument Serif",Georgia,serif;
  --text:"Spectral",Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px);
  --safe-l:env(safe-area-inset-left,0px); --safe-r:env(safe-area-inset-right,0px);
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  background:var(--night);
  color:var(--bone);
  font-family:var(--text);
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  -webkit-tap-highlight-color:transparent;
}

em{font-style:italic}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:var(--night)}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible{
  outline:1px solid var(--gold);
  outline-offset:5px;
}

.screen-reader-text{
  position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;
}
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--night);color:var(--gold-pale);
  font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;
  text-transform:uppercase;padding:1rem 1.4rem;
}
.skip-link:focus{left:0}