$color-foreground: #ffffff !default;


$font-size: 15px !default;
$font-h1: 1.8em !default;
$font-h2: 1.5em !default;
$font-h3: 1.25em !default;
$font-h4: 1.125em !default;
$font-small: .89em !default;
$font-smallest: 10px !default;

$base-line-height: 1.5 !default;

$color-text: #324164 !default;//darken($color-background, 75%) !default;
$color-text-muted: mute-color($color-text) !default;//darken($color-background, 75%) !default;

$color-important: #fb5619 !default; //#fb9845
$color-positive: #01c8a9 !default;
$color-positive-border: darken($color-positive,10%) !default;
$color-negative: #fe7d99 !default;
$color-important-border: darken($color-important, 10%) !default;

$color-border: darken($color-background, 10%) !default;//darken($color-background, 15%) !default;
$color-border-minor: darken($color-background,5%) !default;
$color-main-border: darken($color-main, 10%) !default;
$color-positive-border: darken($color-positive, 10%) !default;
$color-negative-border: darken($color-negative, 10%) !default;

$color-top-background: $color-main !default;
$color-top-border: $color-border-minor !default;
$color-top-text: $color-foreground !default;
$color-top-active: $color-positive !default;

$color-service-text: $color-text-muted !default;
$color-service-background: $color-background !default;
$color-service-border: $color-border-minor !default;



$color-highlight: lighten($color-main, 52%) !default; //adjust_hue(lighten($color-important, 42%),50deg) !default;
$color-highlight-border: darken($color-highlight, 15%) !default;
$color-notice: darken($color-highlight,30%) !default;
