//== Colors
//

$ui-colors: (
  // Primary
  'u-navy':                  #00447B,
  'u-electric-blue':         #26DDFC,
  'u-teal':                  #00B7AF,
  'u-coral':                 #F27760,
  'u-cool-gray':             #CDCFCE,

  // Secondary
  'u-blue':                  #008CC9,
  'u-orange':                #F55D25,

  // Tertiary, Minimal Use
  'u-green':                 #52A304,
  'u-yellow':                #FC9835,
  'u-red':                   #ED4F4B,

  // Gray Scale
  'u-black':                 lighten(black, 0%   ),
  'u-darkest-gray':          lighten(black, 20%  ),
  'u-darker-gray':           lighten(black, 30%  ),
  'u-dark-gray':             lighten(black, 40%  ),
  'u-gray':                  lighten(black, 50%  ),
  'u-light-gray':            lighten(black, 80%  ),
  'u-lighter-gray':          lighten(black, 91.8%),
  'u-lightest-gray':         lighten(black, 97.6%),
  'u-white':                 lighten(black, 100% )
) !default;


// Semantic Colors
$avvo-pro-color:              ui-color(u-electric-blue)  !default;

$semantic-color-primary:      ui-color(u-orange)      !default;
$semantic-color-secondary:    #0394b9                !default;
$semantic-color-success:      ui-color(u-green)       !default;
$semantic-color-info:         #03AFDA               !default;
$semantic-color-warning:      ui-color(u-yellow)      !default;
$semantic-color-danger:       ui-color(u-red)         !default;

$semantic-color-active:       $semantic-color-primary !default;

// TODO: The following don’t belong here as they’re use cases, not primitive values

// Global color for active items (e.g., navs or dropdowns).
$active-item-color:           ui-color(u-white) !default;
$active-item-bg:              $semantic-color-active !default;


// Feedback states
$state-success-bg:            transparentize($semantic-color-success, .97) !default;
$state-info-bg:               transparentize($semantic-color-info,    .97) !default;
$state-warning-bg:            transparentize($semantic-color-warning, .97) !default;
$state-danger-bg:             transparentize($semantic-color-danger,  .97) !default;