$blue:      rgb(29,147,210);
$green:     rgb(50,197,161);
$white:     #fff !default;
$black:     #000 !default;
$red:       rgb(223,42,48) !default;
$orange:    #f0ad4e !default;
$yellow:    #ffd500 !default;
$blue-gray: rgb(98,107,131);

// Accent Color
$accent_color: $blue;
$accent_color_hover: lighten($accent_color, 15%);
$accent_color_active: darken($accent_color, 15%);

// Functional Colors
$available: rgb(50,197,161);
$unavailable: rgb(233,82,94);
$offline: rgb(98,107,131);
$warning: rgb(98,107,131);
$error: rgb(223,42,48);

//grays
$gray-dark:                 #292b2c !default;
$gray: #969698;
$gray-mid: #bfbfc1;
//$gray-mid: #c3c3c3;
$gray-blue: #efeff4;
$gray-light: #efefef;
$gray-lighter: #f7f7f7;
$gray-lightest: #f7f7f9 !default;


$brand-primary:             $blue;
$brand-primary-hover:       $accent_color_hover;
$brand-success:             $green;
$brand-info:                $warning;
$brand-warning:             $warning;
$brand-danger:              $error;


// Backgrounds
$page_background: rgb(239,240,242);
$panel_background: rgb(255,255,255);
$panel_selected_background: rgb(246,246,246);


// Borders
$panel_border: rgb(222,222,222);
$panel_selected_border: rgb(232,237,242);

// Forms / Filters
$form_fields: rgb(243,243,245);
$form_text_size: 13px;
$form_field_border_radius: 4px;
$filter_background: rgb(194,197,203);
$map_filter_background: rgba(98,107,131, 0.5);
$map_filter_background_hover: rgba(98,107,131, 0.8);
$map_bar_background: rgba(255, 255, 255, 1);
$map_bar_border: rgb(216,223,227);
$map_action_background: rgb(197,200,205);

// Icons
$icon: rgb(98,107,131);
$low_priority_icon: rgb(165,169,184);

$selected_item: rgb(246,246,246);
$selected_item_divider: rgb(232,237,242);

// Copy
$highlighted_text: rgb(0,0,0);
$text: #646464; //updated from rgb(51, 51, 51)
$low_text: rgb(100,100,100);




// Button Colors
$primary_background: $accent_color;
$primary_background_hover: $accent_color_hover;
$primary_background_active: $accent_color_active;
$primary_text: rgb(255,255,255);
$primary_text_hover: rgb(255,255,255);
$primary_text_active: rgb(255,255,255);

$secondary_background: rgb(219,221,227);
$secondary_background_hover: rgb(224,226,231);
$secondary_background_active: rgb(186,188,193);
$secondary_text: rgb(51,51,51);
$secondary_text_hover: rgb(51,51,51);
$secondary_text_active: rgb(51,51,51);

$tertiary_background: none;
$tertiary_background_hover: none;
$tertiary_background_active: none;
$tertiary_text: rgb(51,51,51);
$tertiary_text_hover: rgb(51,51,51);
$tertiary_text_active: rgb(100,100,100);

// Fonts
$standard_font: 'Open Sans', sans-serif;

// Cards
$card_background: rgba(255, 255, 255, 1);
$card_background_hover: rgba(246, 246, 246, 1);
$card_inner_border: rgba(222, 222, 222, 1);
$card_icon_color: rgba(165, 169, 184, 1);
$card_icon_color_hover: rgba(126, 130, 142, 1);
$card_text_color: rgba(51, 51, 51, 1);
$card_alt_icon: rgba(243, 243, 245, 1);

//component
$component_background: #fff;
$component_highlight_light: rgba(243, 243, 245, 1);
$component_icon: rgba(98, 109, 131, 1);
$component_sub_icon: rgba(165, 169, 184, 1);
$component_sub_icon_highlight: rgba(126, 130, 142, 1);
$component_item_divider: rgba(222, 222, 222, 1);
$component_item_border: rgba(234, 237, 241, 1);