body{ font-family: var(--font-body); font-weight: var(--weight-body); font-size: var(--text-body); line-height: var(--leading-body); color: var(--color-text); background: var(--color-background); -webkit-font-smoothing: antialiased; }
h1,h2,h3,h4{ font-family: var(--font-display); font-weight: var(--weight-display-bold); letter-spacing: var(--tracking-title); line-height: var(--leading-title); 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-weight: var(--weight-display-semi); letter-spacing: var(--tracking-subtitle); }
p{ margin: 0; max-width: var(--measure); }
a{ color: var(--color-accent); text-decoration: none; }
a:hover{ color: var(--color-accent-hover); }
:focus-visible{ outline: var(--accent-underline) solid var(--color-accent); outline-offset: 3px; }