html{-webkit-font-smoothing:antialiased;text-size-adjust:100%}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-leading);letter-spacing:var(--tracking-body);font-weight:var(--weight-light);text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--type-heading-family);color:var(--text-heading);font-weight:var(--weight-regular);line-height:var(--leading-snug);letter-spacing:var(--tracking-display);margin:0}
h1{font-size:var(--text-3xl);line-height:var(--leading-tight)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}
p{margin:0}
a{color:var(--text-link);text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px;text-decoration-color:var(--accent-highlight);transition:var(--transition-control)}
a:hover{color:var(--text-link-hover);text-decoration-color:var(--clay-700)}
::selection{background:var(--clay-200);color:var(--slate-900)}
.ds-label{font-family:var(--font-body);font-size:var(--type-label-size);letter-spacing:var(--type-label-tracking);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-medium)}
*:focus-visible{outline:none;box-shadow:var(--focus-ring)}
