// Body
$body-bg: #f8fafc;

// Typography
$font-family-sans-serif: 'Nunito', sans-serif;
$font-size-base: 0.9rem;
$line-height-base: 1.6;

// Colors
$blue: #3490dc;
$indigo: #6574cd;
$purple: #9561e2;
$pink: #f66d9b;
$red: #e3342f;
$orange: #f6993f;
$yellow: #ffed4a;
$green: #38c172;
$teal: #4dc0b5;
$cyan: #6cb2eb;


$ha-blue: #0988CF;
$ha-blue-active: #223241;
$ha-green: #A3D819;
$ha-green-active: #8BBA11;
$ha-shadow: 2px 2px 5px 1px #EEEEEE;
$ha-button-shadow: 0px 0px 5px 1px #CCCCCC;
$ha-panel-border: #DEE2E6;
$ha-footer: #0B1C2D;
$ha-gutter: #09101E;
$ha-text: #384450;
$ha-heading: #223241;
$ha-radius-button: 3px;
$ha-panel-radius: 10px;
$ha-margin-bottom: 20px;
$ha-panel-background: #FFF;
$ha-white-text: #FFF;
$ha-border-color: #DEDEDE;
$ha-foot-color: #878E97;