/* Minimal element defaults. Nothing here is a component. */
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);color:var(--on-surface);background:var(--surface)}
a{color:var(--primary);text-decoration-thickness:2px;text-underline-offset:4px}
a:hover{color:var(--primary-deep);text-decoration-color:var(--primary)}
:where(h1,h2,h3){font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-title);line-height:var(--leading-tight);margin:0}
:where(button,input,select,textarea){font:inherit;color:inherit}
:where(:focus-visible){outline:3px solid color-mix(in oklch, var(--primary) 38%, transparent);outline-offset:3px}
.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}