@layer base{
  body{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-sans);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

  a{ color:var(--link); text-decoration:none; }
  a:hover{ text-decoration:underline; text-underline-offset:2px; }

  :focus-visible{
    outline:2px solid var(--focus);
    outline-offset:2px;
  }
}