html{background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
body{margin:0}
a{color:var(--link);text-decoration:none;transition:color var(--duration-hover) var(--ease-standard)}
a:hover{color:var(--link-hover)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-regular);margin:0;text-wrap:pretty}
h1{font-size:var(--text-h1);line-height:var(--lh-h1)}h2{font-size:var(--text-h2);line-height:var(--lh-h2)}h3{font-size:var(--text-h3);line-height:var(--lh-h3)}
p{margin:0;text-wrap:pretty}
*{box-sizing:border-box}
button,input,textarea,select{font:inherit;color:inherit}
::selection{background:var(--bronce);color:var(--carbon)}