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