@import url("./variables.css");
@import url("./components.css");
@import url("./animations.css");

body{
  margin:0;
  background:var(--color-off-white);
  color:var(--color-ink);
  font-family:var(--font-primary);
  font-size:var(--font-size-body);
  line-height:1.7;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
img,svg,video{max-width:100%;height:auto;}
a{color:inherit;}
::selection{background:var(--color-accent);color:var(--color-white);}
.diso-content{
  width:min(100% - (2 * var(--page-padding)),var(--content-width));
  margin-inline:auto;
}
.diso-section{padding-block:var(--section-space);}
.diso-section--small{padding-block:var(--section-space-small);}
.diso-stack{display:flex;flex-direction:column;gap:var(--space-lg);}
.diso-grid{display:grid;gap:var(--grid-gap);}