:root {
  /* Base Colors */
  --scrollPrimaryRgb: 102, 179, 255;
  --scrollSurfaceRgb: 224, 224, 224;
  --scrollTextBase: 224, 224, 224;
  --scrollLinkBase: 102, 179, 255;

  /* Semantic Colors */
  --scrollColorBackground: rgb(26, 26, 26);
  --scrollColorText: rgb(224, 224, 224);
  --scrollColorLink: #66b3ff;
  --scrollColorSubdued: rgb(179, 179, 179);

  /* Typography */
  --scrollFontPrimary: "Roboto", sans-serif;
  --scrollFontUi: "Roboto", sans-serif;
  --scrollFontMono: monospace;
  --scrollBaseFontSize: 16px;
  --scrollLineHeight: 1.6;
}
