$primary-color: hsl(190,100%,36%);
$primary-color-clearer: hsl(190,100%,45%);
$primary-color-darker: hsl(190,100%,30%);
$primary-color-xdarker: hsl(190,50%,20%);
$primary-color-light-grayish: hsl(190,40%,90%);
$gray-lighter: #f1f1f1;

$border-radius: 0;
$width: 1130px;
$link-color: $primary-color-darker;

$font-size: 0.938em;
$font-family: Roboto, sans-serif;

$nav-background: white;
$nav-color: #63636c;
$nav-active-color: $primary-color;
$nav-submenu-color: #63636c;

$button-background: $nav-background;
$nav-button-background: white;
$nav-button-color: #686971;

$responsive-menu: left-to-right;

$title-color: $primary-color-xdarker;
$title-border-bottom: 3px solid $primary-color;
$title-font-size: 2.4rem;
$title-weight: 400;
$title-padding: 3rem 1rem 0.7rem 1rem;

$button-color: white;
$button-background: $primary-color;
$buttons-order: previous (grow),cancel (grow),submit;

$cell-border: none;
$cell-entry-border: 1px solid white;
$cell-entry-hover-effect: left-to-right;
$cell-entry-hover-background: $primary-color-light-grayish;

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