/* Minimal element defaults so any page linking styles.css starts correct. */
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg-page);
  color:var(--text-primary);
  font-family:var(--font-sans);
  font-size:var(--text-body-sm-size);
  line-height:var(--text-body-sm-line);
  letter-spacing:var(--text-body-sm-track);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--text-link);text-decoration:none;transition:var(--transition-hover)}
a:hover{color:var(--text-primary)}
::selection{background:var(--accent);color:var(--grey-fff)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}