// gray scale
@foundation-gray-27: hsl(0, 0%, 27%); // #444
@foundation-gray-41: hsl(0, 0%, 41%); // #696969
@foundation-gray-45: hsl(0, 0%, 45%); // #737373             (@foundation-gray1)
@foundation-gray-64: hsl(0, 0%, 64%); // #a3a3a3             (@foundation-gray2)
@foundation-gray-78: hsl(0, 0%, 78%); // #c6c6c6             (@foundation-gray10)
@foundation-gray-88: hsl(0, 0%, 88%); // #e0e0e0             (@foundation-gray6)
@foundation-gray-90: hsl(0, 0%, 90%); // #e6e6e6             (@foundation-gray5)
@foundation-gray-92: hsl(0, 0%, 92%); // #ebebeb             (@foundation-gray8)
@foundation-gray-93: hsl(0, 0%, 93%); // #eeeeee,            (@foundation-gray3)
@foundation-gray-96: hsl(0, 0%, 96%); // #f5f5f5             (@foundation-gray4)
@foundation-gray-98: hsl(0, 0%, 98%); // #f9f9f9, #fafafa    (@foundation-gray9)
@foundation-gray-99: hsl(0, 0%, 99%); // #fcfcfc             (@foundation-gray7)

@foundation-black: @foundation-gray-27;

@foundation-blue: #5298f4;
@foundation-blue--hover: #3e77c2;
@foundation-blue--active: #255ea8;

@foundation-dark-gray: @foundation-gray-45;
@foundation-dark-gray--hover: #696969;
@foundation-dark-gray--active: #696969;

@foundation-gray: @foundation-gray-90;
@foundation-gray--hover: #dedede;
@foundation-gray--active: #d4d4d4;
@foundation-gray-divider: #d6d6d6;

@foundation-green: #58c46e;

@foundation-orange: #f5bd56;
@foundation-orange--hover: #e6b150;
@foundation-orange--active: #c29644;

@foundation-pink: #fb5faa;
@foundation-pink--hover: #eb549d;
@foundation-pink--active: #e15196;

@foundation-purple: #9b70d2;
@foundation-purple--hover: #9167c7;
@foundation-purple--active: #8860bd;

@foundation-red: #e6726a;
@foundation-red--hover: #d96e67;
@foundation-red--active: #c5655f;

@foundation-teal: #37bfbf;
@foundation-teal--hover: #2dacac;
@foundation-teal--active: #2b9b9b;

@foundation-yellow: #ffffe5;
@foundation-yellow2: #f5ff00;
@foundation-yellow3: #fffdb8;

@foundation-white: #fff;
@foundation-white--hover: #fcfcfc;
@foundation-white--active: #dfdfdf;

@foundation-color-border: @foundation-gray-88;
@foundation-color-default-text: @foundation-black;

// error
@foundation-color-error: @foundation-red;

// informative
@foundation-color-informative: @foundation-blue;
@foundation-color-informative--hover: @foundation-blue--hover;
@foundation-color-informative--active: @foundation-blue--active;

// interactive
@foundation-color-interactive: @foundation-teal;
@foundation-color-interactive--hover: @foundation-teal--hover;
@foundation-color-interactive--active: @foundation-teal--active;

// pending
@foundation-color-pending: @foundation-orange;

// control borders
@foundation-control-normal-border: @foundation-gray-64;
@foundation-control-active-border: @foundation-color-interactive;
@foundation-control-hover-border: @foundation-color-informative;
@foundation-control-error-border: @foundation-color-error;
@foundation-control-pending-border: @foundation-color-pending;
@foundation-control-disabled-border: @foundation-gray-88;

// charts
@foundation-chart-gray: #d3d3d3;
@foundation-chart-orange: #f5c468;

// status
@foundation-color-danger: @foundation-red;
@foundation-color-success: @foundation-green;
@foundation-color-semi-success: #b8eac3;
@foundation-color-warning: @foundation-orange;
