/// UI colors map for the main theme
///
/// @example
///   .element {
///     color: palette(ui, 'brand');
///   }
$palettes: (
  ui: (
    'brand':            $color-brand,
    'brand-dark':       mix(black, $color-brand, 20%),
    'white':            white,
    'offwhite':         #f7f7f7,
    'gray-lightest':    #e6e6e6,
    'gray-lighter':     #c7c7c7,
    'gray-light':       #b5b5b5,
    'gray':             gray,
    'gray-dark':        #555,
    'gray-darker':      #333,
    'black':            black
  ),
  vendor: (
    'facebook':   #3B5998,
    'twitter':    #4099ff,
    'gplus':      #c63d2d,
    'pinterest':  #c92228,
    'reddit':     #cee2fa,
    'bloglovin':  #479aff,
    'instagram':  #04558c,
    'untappd':    #fdcd0a,
    'rss':        #ffae00
  )
);

/// Function to parse color palettes
@function palette($palette, $tone: 'brand') {
    @return map-get(map-get($palettes, $palette), $tone);
}