*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text-body);background:var(--surface-page);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);letter-spacing:var(--tracking)}
img,video,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-display)}
a{color:var(--text-brand);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--copacabana-deep)}
:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}