/* Minimal element defaults so the tokens land without a component wrapper. */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--surface-page);color:var(--text-body);font:var(--type-body);font-optical-sizing:auto;letter-spacing:var(--tracking-normal)}
h1,h2,h3,h4{margin:0;color:var(--text-heading);font-family:var(--font-display);font-variation-settings:var(--opsz-display);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal)}
p{margin:0}
a{color:var(--text-tertiary);text-decoration:none;transition:var(--transition-link)}
a:hover{color:var(--text-heading);text-decoration:underline}
button{font:var(--type-button);letter-spacing:var(--tracking-normal)}
*,*::before,*::after{box-sizing:border-box}