:root {
  --brand-primary: #1776BF;
  --brand-complementary: #14629F;
  --brand-dark:  #0B385B;
  --brand-light: #5FAEEC;
  --gray-text: #333;
  --link-color: var(--brand-primary);
  --link-hover-color: var(--brand-complementary);
  --body-background-color:#f2f3f4;
  --brand-logo-img: url('img/logo.svg');
  --brand-logo-img-height: 20;
  --navigator-platform-logo: url('img/logo-white.svg'); /* navigator logo */
  --navigator-platform-logo-height: 36; /* height of the logo set to 0 to hide the element */

  --navigator-font-family: inherit;
  --navigator-app-name-size: 16; /* font size of the app name set to 0 to hide app's name */
  --navigator-app-icon-size: 46; /* size of the app icon. set to 0 to hide the app icon.*/
  --navigator-bg-color: var(--brand-primary);
  --navigator-header-bg: var(--navigator-bg-color);
  --navigator-text-color: #ffffff;
  --navigator-separator-color: rgba(0,0,0,.05);
  --navigator-color-active: var(--navigator-text-color);
  --navigator-active-bg: var(--brand-complementary);

  --header-color: #ffffff;
  --header-text-color: var(--brand-dark);
  --header-hover-color:var(--brand-primary);
  --header-border-color: rgba(57,72,82,.05);

  --font-family-base: "Roboto", Helvetica, Arial, sans-serif;
  --headings-font-family: var(--font-family-base);
}