/* Bare element defaults. The token files set no element styles at all; this file exists so
   a page that links styles.css and writes plain HTML lands on the roles instead of on the
   browser's defaults. Nothing here invents a value — every declaration points at a token. */
body{margin:0;background:var(--sg-surface-base);color:var(--sg-text-primary);font-family:var(--sg-text-font-body);font-size:var(--sg-body-medium-font-size);line-height:var(--sg-body-medium-line-height);font-weight:var(--sg-body-medium-font-weight)}
h1,h2,h3,h4{font-family:var(--sg-text-font-heading);color:var(--sg-text-primary);margin:0}
h1{font-size:var(--sg-heading-1-font-size);line-height:var(--sg-heading-1-line-height);font-weight:var(--sg-heading-1-font-weight)}
h2{font-size:var(--sg-heading-2-font-size);line-height:var(--sg-heading-2-line-height);font-weight:var(--sg-heading-2-font-weight)}
h3{font-size:var(--sg-heading-3-font-size);line-height:var(--sg-heading-3-line-height);font-weight:var(--sg-heading-3-font-weight)}
h4{font-size:var(--sg-heading-4-font-size);line-height:var(--sg-heading-4-line-height);font-weight:var(--sg-heading-4-font-weight)}
p{margin:0}
a{color:var(--sg-link-default);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--sg-link-hover)}
a:visited{color:var(--sg-link-visited)}
a:visited:hover{color:var(--sg-link-visited-hover)}
a:focus-visible{outline:2px solid var(--sg-action-focus-ring);outline-offset:2px}
code,pre{font-family:var(--sg-font-family-mono)}