// 1024px, for tablet devices and larger.
$mq-large: only screen and (min-width: 64em) !default;
$timing-5: .8s !default;
// Active link color
$color-blue-midnight-blue: rgb(0, 57, 107) !default;
$border-radius-large: .5rem !default;
$line-height-reset: 1 !default;
$font-size-medium: 1rem !default;
// Hover and focus link color
$color-blue-endeavour: rgb(0, 95, 178) !default;
$color-blue-sparta: rgb(230, 236, 242) !default;
$color-blue-zodiac: rgb(23, 50, 77) !default;
// Salesforce Sans Regular
$font-weight-regular: 400 !default;
$font-size-x-large: 1.25rem !default;
$color-blue-ghost: rgb(125, 152, 179) !default;
$color-orange-alert: rgb(255, 183, 93) !default;
$timing-test: 5s !default;
$color-green-sea-100: rgb(53, 212, 204) !default;
$color-blue-rollingstone: rgb(64, 96, 127) !default;
$border-radius-circle: 50% !default;
$color-blue-sky-100: rgb(108, 183, 250) !default;
$font-size-xx-large: 1.5rem !default;
$font-size-x-medium: 0.875rem !default;
$color-green-sea-300: rgb(46, 194, 186) !default;
$color-blue-rhino: rgb(41, 71, 102) !default;
$color-blue-bigstone-blue: rgb(10, 31, 51) !default;
$color-green-success: rgb(75, 202, 129) !default;
$color-blue-sky-300: rgb(68, 162, 245) !default;
// 448px, for phone devices and larger.
$mq-small: only screen and (min-width: 28em) !default;
$color-white: rgb(255, 255, 255) !default;
$border-radius-small: .125rem !default;
// font-face should be 'Salesforce Sans'.
$font-family-body: 'Salesforce Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !default;
$color-purple-rain-100: rgb(173, 144, 245) !default;
$font-size-large: 1.125rem !default;
$color-green-sea-500: rgb(39, 171, 164) !default;
$color-blue-sky-500: rgb(45, 147, 237) !default;
$color-blue-spider: rgb(163, 184, 204) !default;
$border-radius-medium: .25rem !default;
$color-purple-rain-300: rgb(146, 113, 232) !default;
$color-green-sea-700: rgb(32, 150, 145) !default;
$color-blue-sky-700: rgb(32, 129, 214) !default;
$color-blue-aluminium: rgb(92, 122, 153) !default;
// 768px, for phone devices and larger.
$mq-medium: only screen and (min-width: 48em) !default;
$color-purple-rain-500: rgb(122, 86, 214) !default;
$color-green-sea-900: rgb(27, 130, 125) !default;
$color-blue-sky-900: rgb(25, 112, 189) !default;
$font-size-x-small: 0.625rem !default;
$border-radius-pill: 5rem !default;
$color-purple-rain-700: rgb(100, 63, 192) !default;
$color-purple-rain-900: rgb(89, 65, 149) !default;
$line-height-heading: 1.25 !default;
$spacing-x-large: 4rem !default;
$spacing-xx-large: 8rem !default;
// Disabled link color
$color-blue-biscay: rgb(22, 50, 92) !default;
// 1280px, for desktop screens and larger.
$mq-x-large: only screen and (min-width: 80em) !default;
$font-size-small: 0.75rem !default;
$line-height-text: 1.5 !default;
// Link color (508)
$color-blue-science: rgb(0, 112, 210) !default;
$timing-1: .1s !default;
// Salesforce Sans Bold
$font-weight-bold: 700 !default;
$timing-2: .2s !default;
$timing-3: .4s !default;
$color-red-error: rgb(212, 80, 76) !default;
$color-blue-athens: rgb(242, 246, 250) !default;
$color-blue-rome: rgb(197, 211, 224) !default;
$timing-4: .6s !default;
// Salesforce Sans Light
$font-weight-light: 300 !default;
$spacing-large: 2rem !default;