// Basic Buttons
$blue: #6678C5;
$grey: #848289;
$pink: #EBA0BD;
$teal: #3eb7b9;
$white: #FAFAFA;

$button-primary-color: #6678C5;
$button-primary-color-dark: darken($button-primary-color, 15%);
$button-primary-color-light: lighten($button-primary-color, 50%);
$button-primary-color-hover: darken($button-primary-color, 5%);
$button-primary-color-active: darken($button-primary-color, 10%);
$button-primary-border: none;

$button-secondary-color: #848289;
$button-secondary-color-dark: darken($button-secondary-color, 15%);
$button-secondary-color-light: lighten($button-secondary-color, 50%);;
$button-secondary-color-hover: darken($button-secondary-color, 5%);
$button-secondary-color-active: darken($button-secondary-color, 10%);
$button-secondary-border: none;

$button-anchor-color: #3eb7b9;
$button-anchor-color-dark: darken($button-anchor-color, 15%);
$button-anchor-color-light: lighten($button-anchor-color, 75%);
$button-anchor-color-hover: darken($button-anchor-color, 2%);
$button-anchor-color-active: darken($button-anchor-color, 5%);
$button-anchor-border: none;

$button-disabled-color: #DFDFDF;
$button-disabled-color-dark: darken($button-disabled-color, 15%);
$button-disabled-color-light: darken($button-disabled-color, 10%);
$button-disabled-color-hover: $button-disabled-color;
$button-disabled-color-active: $button-disabled-color;
$button-disabled-border: none;

$button-placeholder-color: #DFDFDF;
$button-placeholder-color-dark: darken($button-placeholder-color, 15%);
$button-placeholder-color-light: darken($button-placeholder-color, 10%);
$button-placeholder-color-hover: $button-placeholder-color;
$button-placeholder-color-active: $button-placeholder-color;
$button-placeholder-border: none;

$button-danger-color: #EBA0BD;
$button-danger-color-dark: darken($button-danger-color, 15%);
$button-danger-color-light: lighten($button-danger-color, 75%);
$button-danger-color-hover: darken($button-danger-color, 2%);
$button-danger-color-active: darken($button-danger-color, 5%);
$button-danger-border: none;