/* Minimal global base. Everything else is component-level. */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-ui);font-size:var(--type-body-md-size);line-height:var(--type-body-md-lh);letter-spacing:var(--type-body-md-ls);background:var(--surface-marketing);color:var(--text-on-dark);-webkit-font-smoothing:antialiased}
a{color:var(--color-link-on-dark);text-decoration:underline;text-underline-offset:3px;transition:opacity var(--duration-hover) var(--ease-standard)}
a:hover{opacity:.7}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus-ring-on-dark);outline-offset:3px}
.on-light,.on-light body{background:var(--surface-product);color:var(--text-on-light)}
.on-light a{color:var(--color-link-on-light)}
.on-light :focus-visible{outline-color:var(--focus-ring-on-light)}
::selection{background:var(--color-canvas-cool);color:var(--color-ink)}
img,video{max-width:100%;display:block}