:root {
  /* Base Colors */
  --scrollPrimaryRgb: 0, 102, 204;
  --scrollSurfaceRgb: 224, 224, 224;
  --scrollTextBase: 51, 51, 51;
  --scrollLinkBase: 0, 102, 204;

  /* Semantic Colors */
  --scrollColorBackground: rgb(240, 240, 240);
  --scrollColorText: rgb(51, 51, 51);
  --scrollColorLink: #0066cc;
  --scrollColorSubdued: rgb(102, 102, 102);

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