/* Shared page canvas and content bounds for the homepage and every tool. */
:root {
  color-scheme: dark;
  --site-background: #0b0c0e;
  --site-surface: #101415;
  --site-line: #303536;
  --site-content-width: 1364px;
  --site-gutter: 32px;
}
* {
  box-sizing: border-box;
}
html {
  background: var(--site-background);
  scrollbar-color: #6b6353 var(--site-surface);
}
body {
  margin: 0;
  background: var(--site-background);
}
.site-content {
  width: calc(100% - var(--site-gutter) * 2);
  max-width: var(--site-content-width);
  margin: 0 auto;
  padding: 0;
  min-height: 75vh;
}
::selection {
  background: #c1a56d;
  color: var(--site-background);
}
@media (max-width: 760px) {
  :root {
    --site-gutter: 16px;
  }
}