@import url('./theme.css');

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,body{
  height:100%;
}

body{
  margin:0;
  background:var(--bg);
  color:var(--text-primary);
  font-family:var(--font-sans);
  font-size:var(--type-body);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

img{
  max-width:100%;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

button{
  font:inherit;
}

section{
  padding:var(--space-xl) 0;
}

.container{
  max-width:var(--container-max);
  margin:0 auto;
  padding:0 var(--container-side);
}

.lead{
  color:var(--text-secondary);
  font-size:var(--type-h2);
  max-width:var(--max-prose);
}

.muted{
  color:var(--text-secondary);
  font-size:0.95rem;
}

:focus-visible{
  outline:var(--focus-ring);
  outline-offset:3px;
}