/* Shared link roles: text actions, quiet navigation, and linked titles. */
:root {
  --link-color: #b63e19;
  --callout-color: #086454;
}

html body a:not(.button):not(.brand) {
  color: var(--link-color);
  border-bottom: 0;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: currentColor;
  text-underline-offset: 0.2em;
  text-decoration-skip-ink: auto;
}

html body a:not(.button):not(.brand):hover {
  color: var(--link-color);
  text-decoration-thickness: 2px;
}

html body :is(footer, .footer, nav, .nav) a:not(.button):not(.brand) {
  color: var(--muted);
  text-decoration-color: #b0b3aa;
}

html body :is(footer, .footer, nav, .nav) a:not(.button):not(.brand):hover {
  color: var(--link-color);
  text-decoration-color: currentColor;
}

html body :is(.post-title, .product h3) a:not(.button):not(.brand) {
  color: var(--ink);
  text-decoration: none;
}

html body :is(.post-title, .product h3) a:not(.button):not(.brand):hover {
  color: var(--link-color);
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

html body a:focus-visible {
  outline: 2px solid var(--callout-color);
  outline-offset: 4px;
}