:root {
  --mm-ink: #050505;
  --mm-paper: #f6f7f2;
  --mm-lime: #9bc51e;
  --mm-green: #3e8431;
  --mm-yellow: #efe504;
  --mm-text: #161a14;
  --mm-muted: #5d6259;
  --mm-line: #d9ddd3;
  --mm-danger: #a32620;
  --mm-radius-sm: 6px;
  --mm-radius-md: 12px;
  --mm-container: 1440px;
  --mm-reading: 1200px;
  --mm-focus: 0 0 0 3px #f6f7f2, 0 0 0 5px #9bc51e;
  --mm-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--mm-paper);
  color: var(--mm-text);
  font-family: var(--mm-font);
  text-rendering: optimizeLegibility;
}

.col-full {
  width: min(calc(100% - 2rem), var(--mm-container));
  max-width: var(--mm-container);
  margin-inline: auto;
  padding-inline: 0;
}

a,
button,
input,
select,
textarea {
  font-family: inherit;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 0;
  box-shadow: var(--mm-focus);
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  min-height: 44px;
  border: 1px solid var(--mm-lime);
  border-radius: var(--mm-radius-sm);
  background: var(--mm-lime);
  color: var(--mm-ink);
  font-weight: 750;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: var(--mm-yellow);
  background: var(--mm-yellow);
  color: var(--mm-ink);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}