// Color Pallette
$palette: (
  'primary': (
    'primary': #00adef,
    'light': #3b9eff,
    'translucent': rgba(157, 206, 255, 0.25),
    'divider': #d1d5da,
    'disabled': #888,
    'highlight': #fff
  ),
  'buttons': (
    'primary': #fff,
    'hover': #ecf5ff,
    'pressed': #33bdf2,
    'alternative': #44c482,
    'disabled': #f0f1f3,
    'disabled-text': #d1d5da,
    'facebook': #3b5998,
    'facebook-active': #507cc0,
    'light': rgba(34, 66, 81, .4)
  ),
  'tabs': (
    'background': #f0f1f3,
    'border': #d1d5da,
  ),
  'text': (
    'primary': #575757,
    'subheading': #434343,
    'title': #303030,
    'title--disabled': #d1d5da,
    'subtitle': #888,
    'subheader': #224251,
    'body': #575757, // This color is deprecated, please use 'body-vero' for body text
    'highlight': #fff,
    'input': #224251,
    'modal': #6b6b6b,
    'header': #545d69,
    'close': #b2b9c2,
    'secondary': rgba(0, 60, 88, 0.7),
    'sorting-items': #788392,
    'helper-copy': #788392
  ),
  'anchor' : (
    'negative' : #fff,
    'alternative' : #616161,
    'light': #52cfff
  ),
  'borders': (
    'primary': #d1d5da,
    'light': #f0f0f0,
    'gallery-item': #e0e0e0
  ),
  'background': (
    'primary': #fff,
    'secondary': rgba(250, 250, 250, 0.55),
    'light': #f0f0f0,
    'modal': #fafafa,
    'gallery-item': #f0f0f0,
    'translucent': rgba(0,0,0,0.35),
    'hover': #E6F8FD,
    'negative': #545d69
  ),
  'input': (
    'primary': #3b9eff,
    'disabled': #888,
    'border': #d1d5da,
    'focus': #ecf5ff,
    'border-focus': #66d5ff,
    'mobile-border': #d6d6d6,
    'label': #224251,
    'placeholder': #d1d5da
  ),
  'radio-button': (
    'disabled-border': #f2f3f4,
    'disabled-text': #bec7cb
  ),
  'image-gallery': (
    'remove': #f5f9fc
  ),
  'feedback': (
    'primary': #a1e5ff,
    'primary-translucent': rgba(161, 229, 255, 0.9),
    'success': #44c482,
    'success-light': #9bdfb8,
    'success-light-translucent': rgba(155, 223, 184, 0.9),
    'warning': #fff2b6,
    'warning-translucent': rgba(255, 242, 182, 0.9),
    'error': #ff8d8d,
    'error-translucent': rgba(255, 141, 141, 0.9),
    'info': #00adef,
    'text': #00222f,
    'prepaid': #9575cd
  ),
  'pill': (
    'success': #44c482,
    'warning': #ffb104,
    'error': #ff6b6b,
    'info': #00adef,
    'text': #fff
  ),
  'modal': (
    'separator': #d8d8d8,
    'thumbnail': #667485,
    'backdrop': rgba(0,0,0,0.5),
    'shadow': rgba(31, 36, 50, 0.45)
   ),
  'footer': (
    'background': #fafafa,
    'background-dark': #224251,
    'divider': #f0f1f3,
    'cell-header': #224251,
    'text-light': #fff
  ),
  'google': (
    'text': rgba(0, 60, 88, 0.7),
    'text-active': rgba(0, 60, 88, 0.8),
    'border': rgba(0, 60, 88, 0.3),
    'border-active': rgba(0, 60, 88, 0.7)
  ),
  'cookie-alert': (
    'background': #e1e4e6
  ),
  'status-tag': (
    'critical-text': #ff6b6b,
    'critical-background': transparent,
    'info-text': #667485,
    'info-background': #f0f1f3
  ),
  'dropdown': (
    'primary': #224251,
    'background': #ffffff,
    'border': #d1d5da,
    'active': #66d5ff,
    'item-hover': #dbf5ff
  ),
  'arrows':(
    'item-panel': #949da9,
    'item-panel-hover': #00222f,
    'toggle-accordion': #788392,
    'sort-item': #788392
  ),
  'background-areas':(
    'area-1': #f5f9fc
  ),
  'calendar': (
    'background': #ffffff,
    'border': #ccd2d4,
    'button-bg': #f5f9fc,
    'disabled-button-bg': #ffffff,
    'hover-day-bg': #66d5ff,
    'disabled-day-bg': #f0f1f3,
    'day-borders': #d1d5da,
    'text': #224251,
    'disabled-text': #d1d5da,
    'shadow': rgba(31, 37, 50, 0.32)
  ),
  'loading': (
    'initial': #e7e9eb,
    'final': rgba(220, 223, 227, 0.8)
  )
);

$primary-color-key: 'primary' !default;

@function color($name: 'primary', $variant: $primary-color-key) {
  $color: null;
  // Get the color spectrum
  $color-spectrum: map-get($palette, $name);
  // Get the color variant
  @if $color-spectrum {
    $color: map-get($color-spectrum, $variant);

    @if not($color) {
      @warn "Color `#{$variant}` does not exist in spectrum `#{$name}`";
    }
  } @else {
    @warn "Spectrum `#{$name}` does not exist";
  }

  @return $color;
}