:root {
  --design-url-favicon-ico: url("/roles/web-app-chess/latest/img/design/favicon.ico");
  --design-url-apple-touch-icon-png: url("/roles/web-app-chess/latest/img/design/apple-touch-icon.png");
  --design-url-apple-touch-icon-svg: url("/roles/web-app-chess/latest/img/design/apple-touch-icon.svg");
  --design-url-banner-png: url("/roles/web-app-chess/latest/img/design/banner.png");
  --design-url-banner-svg: url("/roles/web-app-chess/latest/img/design/banner.svg");
  --design-url-favicon-png: url("/roles/web-app-chess/latest/img/design/favicon.png");
  --design-url-favicon-svg: url("/roles/web-app-chess/latest/img/design/favicon.svg");
  --design-url-header-png: url("/roles/web-app-chess/latest/img/design/header.png");
  --design-url-header-svg: url("/roles/web-app-chess/latest/img/design/header.svg");
  --design-url-icon-png: url("/roles/web-app-chess/latest/img/design/icon.png");
  --design-url-icon-svg: url("/roles/web-app-chess/latest/img/design/icon.svg");
  --design-url-wordmark-png: url("/roles/web-app-chess/latest/img/design/wordmark.png");
  --design-url-wordmark-svg: url("/roles/web-app-chess/latest/img/design/wordmark.svg");
  --design-slot-apple-touch-icon-width: 180px;
  --design-slot-apple-touch-icon-height: 180px;
  --design-slot-banner-width: 960px;
  --design-slot-banner-height: 160px;
  --design-slot-favicon-width: 64px;
  --design-slot-favicon-height: 64px;
  --design-slot-header-width: 320px;
  --design-slot-header-height: 64px;
  --design-slot-icon-width: 512px;
  --design-slot-icon-height: 512px;
  --design-slot-wordmark-width: 320px;
  --design-slot-wordmark-height: 64px;
}
a {
  background: color-mix(in srgb, var(--design-link) 5%, transparent);
}
pre,
blockquote {
  background-color: var(--design-surface-2);
  border-color: var(--design-border);
  color: var(--design-text);
}
.chessboard img {
  border: 1px solid var(--design-border);
  border-radius: var(--design-radius-sm);
}