// Do not edit directly
// Generated on Mon, 22 Jun 2020 09:00:36 GMT

$color-accent-pink-20: #faccdf;
$color-accent-pink-40: #f599bf;
$color-accent-pink-60: #f0669f;
$color-accent-pink-80: #eb337f;
$color-accent-pink-base: #e60060;
$color-dark-blue-20: #ced0d7;
$color-dark-blue-40: #9da2af;
$color-dark-blue-60: #6c7488;
$color-dark-blue-80: #3b4660;
$color-dark-blue-base: #0a1839;
$color-datacom-blue-20: #ccd3e2;
$color-datacom-blue-40: #99a7c6;
$color-datacom-blue-60: #667ba9;
$color-datacom-blue-80: #334f8c;
$color-datacom-blue-base: #002470;
$color-action-blue: #0055ff;
$color-action-blue-hover: #003fbc;
$color-light-blue-20: #e3f3ff;
$color-light-blue-40: #c8e7ff;
$color-light-blue-60: #acdbff;
$color-light-blue-80: #91cfff;
$color-light-blue-base: #76c4ff;
$color-extra-light-blue-20: #fafcff;
$color-extra-light-blue-40: #f5f9ff;
$color-extra-light-blue-60: #eff6ff;
$color-extra-light-blue-80: #eaf3ff;
$color-extra-light-blue-base: #e5f1ff;
$color-accent-orange-20: #fcdbd4;
$color-accent-orange-40: #f9b7aa;
$color-accent-orange-60: #f69380;
$color-accent-orange-80: #f36f56;
$color-accent-orange-base: #f04c2c;
$color-rag-red: #cf364e;
$color-rag-amber: #f0b02c;
$color-rag-green: #40b549;
$color-datacom-black: #151515;
$color-darkest-grey: #333333;
$color-dark-grey: #666666;
$color-grey: #999999;
$color-light-grey: #dadada;
$color-extra-light-grey: #f0f0f0;
$color-white: #ffffff;
$color-error-red: #cf364e;
$font-14-size: 14px;
$font-14-line-height: 18px;
$font-16-size: 16px;
$font-16-line-height: 24px;
$font-18-size: 18px;
$font-18-line-height: 24px;
$font-24-size: 24px;
$font-24-line-height: 32px;
$font-32-size: 32px;
$font-32-line-height: 40px;
$font-40-size: 40px;
$font-40-line-height: 48px;
$font-48-size: 48px;
$font-48-line-height: 64px;
$font-64-size: 64px;
$font-64-line-height: 80px;
$font-80-size: 80px;
$font-80-line-height: 100px;
$font-color-default: #0a1839;
$font-color-cta: #0055ff;
$font-color-caption: #666666;
$font-h-1-size: 80px;
$font-h-1-line-height: 100px;
$font-h-2-size: 64px;
$font-h-2-line-height: 80px;
$font-h-3-size: 48px;
$font-h-3-line-height: 64px;
$font-h-4-size: 40px;
$font-h-4-line-height: 48px;
$font-h-5-size: 32px;
$font-h-5-line-height: 40px;
$font-h-6-size: 24px;
$font-h-6-line-height: 32px;
$font-cta-size: 18px;
$font-cta-line-height: 24px;
$font-body-size: 16px;
$font-body-line-height: 24px;
$font-captions-size: 14px;
$font-captions-line-height: 18px;
$breakpoint-mobile: 500px;
$breakpoint-tablet: 900px;
$breakpoint-desktop: 1300px;
$icon-20-size: 20px;
$icon-20-line-height: 20px;
$icon-24-size: 24px;
$icon-24-line-height: 24px;
$letter-spacing-large: -0.5px;
$letter-spacing-small: -0.2px;
$spacing-padding-01: 4px;
$spacing-padding-02: 8px;
$spacing-padding-03: 12px;
$spacing-padding-04: 16px;
$spacing-padding-05: 24px;
$spacing-padding-06: 32px;
$spacing-padding-07: 40px;
$spacing-padding-08: 48px;
$spacing-padding-09: 64px;
$spacing-layout-01: 12px;
$spacing-layout-02: 16px;
$spacing-layout-03: 24px;
$spacing-layout-04: 32px;
$spacing-layout-05: 40px;
$spacing-layout-06: 48px;
$spacing-layout-07: 64px;
$spacing-layout-08: 80px;
$spacing-layout-09: 120px;
$typography-font-family-200: 'Montserrat Extra Light', sans-serif;
$typography-font-family-300: 'Montserrat Light', sans-serif;
$typography-font-family-400: 'Montserrat Regular', sans-serif;
$typography-font-family-500: 'Montserrat Medium', sans-serif;
$typography-font-family-600: 'Montserrat Semi Bold', sans-serif;
$typography-font-family-700: 'Montserrat Bold', sans-serif;