$blue_200: #468ee5;
$grey_200: #bab7b7;
$grey_300: #a2a2a2;

/* brand colors */
$fox: #ff893e;
$humpback: #093c59;

/* UI greys */
$puma: #282828;
$gorilla: #4a4a4a;
$gorilla_auxiliary: #323232;

$rhino: #6d6565;
$timberwolf: #a8a0a0;
$koala: #d9d2d0;
$mouse: #f2f2f2;

$mouse_brighter: #f7f7f7;
$mouse_bright: #e1e1e1;
$white: #fff;
$black: #000;

$separator: #b8b6b5;
$separator_secondary: $koala;

/* UI colors */
$fox_light: #fff3eb;
$turtle: #78a22f;
$turtle_light: #f1f5ea;
$parrot: #d54236;
$salmon: #d46258;
$parrot_light: #faecea;
$bluejay: #026ead;
$bluejay_light: #e5f0f6;
$bluejay_dark: #015e94;
$transparent: rgba(0, 0, 0, 0);

/* infographic colors */
$peacock: #9f0088;
$octopus: #4b3da3;
$chameleon: #419b86;

$color_fade: rgba($black, .6);

/* COLORS MAPPING */

$color_danger: $parrot;
$color_danger_auxilliary: #faecea;
$color_danger_warning: $fox;
$color_danger_warning_auxilliary: #fff3ea;
$color_warning: #f6db38;
$color_warning_auxilliary: #fefbeb;
$color_success: $turtle;
$color_success_auxilliary: #f1f5ea;
$color_info: $bluejay;
$color_info_auxilliary: #e5f0f6;

$color_await: $fox;
$color_invalid: $peacock;
$color_danger_unactive: #edafaa;

$color_grey: $gorilla;
$color_white: $white;

/* Text colors */
$color_dark_text: $rhino;
$color_dark_text_auxilliary: $gorilla;
$color_text_invert: $color_white;
$color_text_label: $timberwolf;
$color_text_placeholder: $timberwolf;
$color_text_label_auxilliary: $color_grey;
$color_text_secondary: $koala;

/* Action colors */
$color_action_main: $bluejay;
$color_action_auxilliary: $bluejay_light;
$color_action_secondary: $bluejay_dark;

/* Borders colors */
$color_control_border_main: $koala;
$color_control_border_unactive: #eaeaea;
$color_control_border_secondary: $mouse;
$color_control_border_auxilliary: $separator;
$color_control_border_input: $timberwolf;
$color_control_border_input_auxilliary: $rhino;

$color_control_main: $color_dark_text;
$color_control_background_main: $white;
$color_control_background_auxilliary: $mouse;

$color_panel_background: $color_white;
$color_panel_invert_background: $gorilla;
