:root {
  --bgr: #eeebff;
  --whiteSmoke: #f5f5f7;
  --brand: #e03516;
  --brandHover: #fa3b19;
  --brandLight: #ffefed;
  --textDark: #292d35;
  --textGray: #5f6e84;
  --textLight: #949dab;
  --compDivider: #ebf1f7;
  --compBorder: #e4e9f0;
  --compBorderRed: #f0e4e4;
  --compCallout: #f9fbfc;
  --compCalloutRed: #fcf9f9;
  --compToggle: #dce1e8;
  --compCardHover: #f3f6f8;
  --infoRed: #f1231f;
  --infoGreen: #32c24d;
  --infoYellow: #fc0;
  --icoLight: #cbd3dd;
  --black: black;
  --white: white;
  /* unknown */
  --placeholderColor: #b5bbc4;
  --brandDark: #8F3928;
  --scrollbarThumb: #f6f8fa;
  --sliderRail: #e9e9e9;
  --greenTransparent: #32c24d00;
  --markdownBlockquote: #e5effb;
}