body {
  background: var(--color-ivory);
  color: var(--color-sage);
  font-family: var(--font-body);
  font-size: var(--text-base);
  overflow-x: hidden;
}
a { color: var(--color-caramel); text-decoration-thickness: 1px; text-underline-offset: 0.18em; transition: color var(--transition-base); }
a:hover { color: var(--color-walnut); }
h1, h2 { color: var(--color-walnut); font-family: var(--font-display); font-weight: 400; line-height: var(--leading-tight); letter-spacing: 0; }
h3, h4 { color: var(--color-bronze); font-family: var(--font-ui); font-weight: 600; line-height: var(--leading-snug); letter-spacing: 0; }
p { line-height: var(--leading-loose); margin-bottom: var(--space-4); }
strong { color: var(--color-walnut); font-weight: 700; }
main { background: var(--color-ivory); }
::selection { background: var(--color-tan); color: var(--color-espresso); }
:focus-visible { outline: 3px solid rgba(196, 154, 108, 0.75); outline-offset: 3px; }
.skip-link { left: 16px; position: fixed; top: 10px; transform: translateY(-160%); z-index: 999; background: var(--color-parchment); color: var(--color-espresso); padding: 10px 14px; border-radius: var(--radius-sm); }
.skip-link:focus { transform: none; }