// color variable map for styleguide
// help and documentation : https://www.sitepoint.com/using-sass-maps/
// help and documentation : https://codepen.io/jakealbaugh/post/using-sass-functions-to-access-complex-variable-maps
$colors: (
  color-primary: #234588,
  color-secondary: #eb1313,
  color-font: #222,
  color-background: white,
  color-grey-light: #f7f7f7,
  color-grey-medium: #dce1e2,
  color-grey: #b0b0b0,
  color-grey-dark: #333
);

// brand colors
$color-primary: map-get($colors, color-primary);
$color-secondary: map-get($colors, color-secondary);

// grey colors
$color-grey-light: map-get($colors, color-grey-light);
$color-grey-medium: map-get($colors, color-grey-medium);
$color-grey: map-get($colors, color-grey);
$color-grey-dark: map-get($colors, color-grey-dark);

// app colors
$color-font: map-get($colors, color-grey-dark);
$color-background: map-get($colors, color-grey-light);

// STATES COLORS
$color-error: #f00;
$color-warning: #f07d00;
$color-success: #a0c819;