:root {
  --background-body: #f5f5f5;
  --background: #eaeaed;
  --background-alt: #f0f0f3;
  --selection: #c8c8cc;
  --text-main: #2a2a2e;
  --text-bright: #111114;
  --text-muted: #5a5d66;
  --links: #2d68d0;
  --focus: #5a5d66ab;
  --border: #c8c8cc;
  --code: #2a2a2e;
  --animation-duration: 0.0s;
  --button-base: #d4d4d8;
  --button-hover: #a8a8ae;
  --scrollbar-thumb: color-mod(var(--button-hover) lightness(+6%));
  --scrollbar-thumb-hover: var(--button-hover);
  --form-placeholder: #7a7d86;
  --form-text: #1a1a1e;
  --variable: #5a6654;
  --highlight: #e0ddd8;
  --select-arrow: svg-load('./assets/select-arrow.svg', fill: #2a2a2e);
}