// Cloudflare-styleguide-2016-161207-DRAFT.pdf
import { darken, desaturate, lighten, saturate } from 'polished';
export var bodyColor = '#fff';
// Brand colors
export var primaryBrandOrange = '#f38020';
export var secondaryBrandOrange = '#faae40';
export var primaryBrandGray = '#404041';
export var primaryBlue = '#2f7bbf';
export var primaryBlueDarkened = '#2869a2';
export var accentRed = '#f16975';
export var accentOrange = '#f69259';
export var accentYellow = '#ffdb6f';
export var accentGreen = '#65cc9a';
export var accentLightBlue = '#76c4e2';
export var accentPurple1 = '#8176b5';
export var accentPurple2 = '#ba77b1';
export var accentBlue = '#408bc9';
export var accentGray0 = primaryBrandGray;
export var accentGray1 = '#4d4d4f';
export var accentGray2 = '#808285';
export var accentGray3 = '#bcbec0';
export var linkBlue = primaryBlue;
export var linkOrange = primaryBrandOrange;
export var linkActive = '#112c44';
export var standardInputBorderColor = '#bcbcbc';
export var standardInputBorderFocusBlue = primaryBlue;
export var standardInputPlaceholderColor = '#808080';
export var pageBackgroundGray = '#ebebeb';
export var pageSubtitleGray = '#7c7c7c';
export var blockBorderColor = '#dedede';
export var subtleOrange = lighten(0.88, primaryBrandOrange);
export var controlBackgroundGray = '#f1f1f1';
export var backgroundGray = '#eee';
export var gray = '#e0e0e0';
export var darkGray = '#707070';
export var darkerGray = '#404040';
export var darkestGray = '#202020';
export var darkerestGray = '#131313';
export var lightGray = '#f3f3f3';
export var lightGrayRgba = 'rgba(0,0,0,0.045)';
export var lighterGray = '#fafafa';
export var lightLineGray = '#cacaca';
export var lightLineGrayRgba = 'rgba(0,0,0,0.21)';
export var lighterLineGray = gray;
export var lighterLineGrayRgba = 'rgba(0,0,0,0.125)';
export var subtleText = '#888';
export var successBackgroundColor = saturate(0.30, lighten(0.55, accentGreen));
export var successColor = desaturate(0.30, darken(0.55, accentGreen));
export var infoBackgroundColor = '#ddedff';
export var infoColor = '#303786';
export var warnBackgroundColor = accentYellow;
export var warnColor = darken(0.80, accentYellow);
export var errorBackgroundColor = saturate(0.30, lighten(0.50, accentRed));
export var errorColor = darken(0.70, accentRed);
export var hintBackgroundColor = accentYellow;
export var hintColor = darken(0.80, accentYellow);
export var errorRed = darken(0.30, accentRed);
export var secondaryButtonColor = primaryBlue;
export var tertiaryButtonColor = accentGray2;
export var buttonColor = bodyColor;
export var buttonBackgroundColor = '#dedede';
export var buttonPrimaryBackgroundColor = primaryBlue;
export var buttonPrimaryBorderColor = primaryBlueDarkened;
export var primaryButtonColorDarkened = buttonPrimaryBorderColor;
export var primaryButtonColor = buttonPrimaryBackgroundColor;
export var buttonGreenBackgroundColor = accentGreen;
export var buttonGreenBorderColor = '#87b331';
export var buttonRedBackgroundColor = '#bd2527';
export var buttonRedBorderColor = '#9f1f21';
// 3rd party colors
export var facebookBlue = '#3b5998';
export var linkedInBlue = '#0077b5';
export var twitterBlue = '#55acee';
//# sourceMappingURL=colors.js.map