/* Minimal element defaults. Components style themselves via the tokens above. */
:root{color-scheme:light}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-body-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--font-serif-display);color:var(--text-strong);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-heading);margin:0}
h1{font-size:var(--text-h1);letter-spacing:var(--tracking-display)}
h2{font-size:var(--text-h2)}
h3{font-size:var(--text-h3)}
h4{font-size:var(--text-h4);font-family:var(--font-sans);font-weight:var(--weight-semibold)}
p{margin:0;text-wrap:pretty}
a{color:var(--text-link);text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-standard)}
a:hover{color:var(--text-link-hover)}
strong{font-weight:var(--weight-semibold);color:var(--text-strong)}
small{font-size:var(--text-caption)}
::selection{background:var(--tecis-yellow-300);color:var(--tecis-navy-900)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.tnum{font-variant-numeric:tabular-nums lining-nums}