/**
 * Color Palette - Elephant
 * @param string $color to use.
 * @param number $opacity of color.
 *
 * Main Palette
 * Pink #fc81b7 rgba(252, 129, 183, 1) hsla(334, 95%, 75%, 1)
 * Blue #40d8d5 rgba(64, 216, 213, 1) hsla(179, 66%, 55%, 1)
 * Orange #fc8023 rgba(252, 128, 35, 1) hsla(26, 97%, 56%, 1)
 * Green #0a7c4b rgba(10, 124, 75, 1) hsla(154, 85%, 26%, 1)
 * Red #fb2041 rgba(251, 32, 65, 1) hsla(351, 96%, 55%, 1)
 * 
 * Shades: (WIP)
 * dark-blue #009693 rgba(0, 150, 147, 1) hsla(179, 100%, 29%, 1)
 * 
 * Other Colors:
 * white #FFFFFF  rgba(255, 255, 255, 1) hsla(360, 100%, 100%, 1)
 * light-grey #c8c8c8 rgba(200, 200, 200, 1) hsla(0, 0%, 78%, 1) (e.g borders)
 * dark-grey #5f5f5f rgba(95, 95, 95, 1) hsla(0, 0%, 37%, 1)
 
 */

@function c-color($color, $opacity:1) {
  @return c-hsla($color, $opacity);
}

/**
 * HSLa generator
 * @url http://hslpicker.com/#fff
 * @url https://css-tricks.com/yay-for-hsla/
 */

@function c-hsla($color, $opacity:1) {
  @if $color == 'white' {
    @return hsla(360, 100%, 100%, $opacity);
  }
  @if $color == 'pink' {
    @return hsla(334, 95%, 75%, $opacity);
  }
  @if $color == 'blue' {
    @return hsla(179, 66%, 55%, $opacity);
  }
  @if $color == 'orange' {
    @return hsla(26, 97%, 56%, $opacity);
  }
  @if $color == 'green' {
    @return hsla(154, 85%, 26%, $opacity);
  }
  @if $color == 'red' {
    @return hsla(351, 96%, 55%, $opacity);
  }
  @if $color == 'dark-blue' {
    @return hsla(179, 100%, 29%, $opacity);
  }
  @if $color == 'light-grey' {
    @return hsla(0, 0%, 75%, $opacity);
  }
  @if $color == 'dark-grey' {
    @return hsla(0, 0%, 37%, $opacity);
  }
  
}


/*RGB Values*/
@function c-rgba ($color, $opacity:1) {
  @if $color == 'white' {
    @return rgba(255, 255, 255, $opacity);
  }
  @if $color == 'pink' {
    @return rgba(252, 129, 183, $opacity);
  }
  @if $color == 'blue' {
    @return rgba(64, 216, 213, $opacity);
  }
  @if $color == 'orange' {
    @return rgba(252, 128, 35, $opacity);
  }
  @if $color == 'green' {
    @return rgba(10, 124, 75, $opacity);
  }
  @if $color == 'red' {
    @return rgba(251, 31, 65, $opacity);
  }
  @if $color == 'dark-blue' {
    @return rgba(0, 150, 147, $opacity);
  }
  @if $color == 'light-grey' {
    @return rgba(191, 191, 191, $opacity);
  }
  @if $color == 'dark-grey' {
    @return hsla(95, 95, 95, $opacity);
  }
}