/**
 * Color scheme
 *
 * Prefix all color variable names with 'color-' to avoid conflicts.
 * ----------------------------------------------------------------------------
 */

$color-black: #000;
$color-gray-85: #262626;
$color-gray-75: #404040;
$color-gray-65: #595959;
$color-gray-55: #737373;
$color-gray-45: #8c8c8c;
$color-gray-35: #a6a6a6;
$color-gray-25: #bfbfbf;
$color-gray-15: #d9d9d9;
$color-gray-10: #e6e6e6;
$color-gray-5: #f2f2f2;
$color-white: #fff;

$color-tiramisu: #ad8357; // old: #ad9e8c;
$color-tiramisu--light: lighten($color-tiramisu, 24%); //#dbc3a7; //old: c4b4a5;
$color-kingston: #6aa744;
$color-kingston--light: lighten($color-kingston, 24%); // #8bbf65;
$color-berry: #008eb3;
$color-berry--light: lighten($color-berry, 24%); // #4eb3cf;
$color-xtreme: #d24141;
$color-xtreme--light: lighten($color-xtreme, 24%);
$color-custard: #c7a12f;
$color-custard--light: lighten($color-custard, 24%); // #dbb95c;
$color-supreme: #b55594;
$color-supreme--light: lighten($color-supreme, 24%); // #cc8db7;
$color-elyx-box: #abafb0;

$color-error: #d95555;
$color-success: #76b548;
$color-alert: #f2b927;

/**
 * Foundation color scheme
 *
 * We use this to override Foundation's default colors. DON'T USE IN THE THEME!!
 * Instead, use the colors defined above.
 * ----------------------------------------------------------------------------
 */

$light-gray: $color-gray-15;
$medium-gray: $color-gray-55;
$dark-gray: $color-gray-75;
$black: $color-black;
$white: $color-white;

$primary-color: $color-supreme;
$secondary-color: $color-gray-45;
$success-color: $color-success;
$warning-color: $color-alert;
$alert-color: $color-error;
