// colors comes from the logo
$primary-color: #008cd1;
$secondary-color: #f8db1c;
$tertiary-color: #006597;

$border-radius: 3px;
$cell-border: none;
$width: 960px;

$nav-background: $tertiary-color;
$nav-item-selected-mode: none;
$nav-color: white;
$nav-active-color: $secondary-color;
$nav-full-width-background: true;
$nav-item-border: 3px solid $secondary-color;

$nav-mobile-mode: bottom-bar;
$nav-mobile-bottom-bar-background: $tertiary-color;
$nav-mobile-bottom-bar-item-selected-background: $tertiary-color;
$nav-mobile-bottom-bar-item-hover-background: $tertiary-color;

$title-color: $primary-color;
$title-font-size: 24px;
$title-font-family: "Work Sans", sans-serif;

$font-color: black;
$font-size: 16px;
$font-family: Bitter, sans-serif;

$cell-entry-color: $tertiary-color;
$cell-entry-hover-background: $secondary-color;
$cell-entry-hover-color: black;

$widget-border: $primary-color 1px solid;

$button-color: white;
$button-background: $primary-color;

$footer-color: white;
$footer-background: $tertiary-color;