packages/react-search-ui-views/src/styles/themes/reference-ui/modules/_variables.scss

// General Colors
$black: #333333 !default;
$white: #ffffff !default;
$red: red;
$linkColor: #3a56e4 !default;
$textMatchColor: #3a56e4 !default;
$facetLabel: #8b9bad !default;
$facetLinkColor: #4f4f4f !default;
$facetCountColor: #888888 !default;
$facetSelectBackground: #f8f8f8 !default;
$facetSelectBorder: #a6a6a6 !default;
$facetSelectFocus: #00a9e5 !default;
$metaTextColor: #4a4b4b !default;
$helpTextGrayColor: #888888 !default;
$pagingHoverBackground: #f8f8f8 !default;

// Layout Colors
$appContainerBackgroundColor: #ffffff !default;
$resultsLeftBorderColor: #eeeeee !default;

// Header Colors
$headerBackgroundColor: #f9f9f9 !default;
$headerBorderColor: #eeeeee !default;
$searchboxBorderColor: #abb1b7 !default;

// Result Colors
$resultBackgroundColor: #fcfcfc !default;
$resultBorderColor: #eeeeee !default;
$fieldHoverColor: #f6f6f6 !default;
$resultKeyTextColor: #777777 !default;

// Font Variables
$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
  Arial, sans-serif !default;
$fontWeightNormal: 400 !default;
$fontWeightBold: 700 !default;
$lineHeight: 1.5 !default;

// Sizes
$sizeXXS: 2px !default;
$sizeXS: 4px !default;
$sizeS: 8px !default;
$sizeM: 12px !default;
$sizeL: 24px !default;
$sizeXL: 32px !default;
$sizeXXL: 48px !default;

$sidebarBreakpoint: 800px !default;
$maxWidth: 1300px !default;
$offset: 175px !default;

$borderRadius: 4px !default;