@layer base{
*,*::before,*::after{ box-sizing: border-box; }
html:focus-within{ scroll-behavior: smooth; }
body{ margin:0; font-family: var(--font-sans); font-size: var(--font-size-base); line-height: var(--line-normal); color: var(--body-color); background: var(--surface-1); }
img,svg,video,canvas{ display:block; max-width:100%; height:auto; }
h1{ font-size: var(--h1); line-height: var(--line-tight); margin: 0 0 var(--space-4); }
h2{ font-size: var(--h2); line-height: var(--line-tight); margin: 0 0 var(--space-4); }
h3{ font-size: var(--h3); line-height: var(--line-tight); margin: 0 0 var(--space-3); }
p{ margin: 0 0 var(--space-3); }
:focus-visible{ outline-color: var(--focus-ring); }
}