BORDER -- #d9d9d9 -- The border around this container and the <hr /> divider lines are the border color for the selected color profile (base)
BUTTON BACKGROUND -- #00b6ea
BUTTON TEXT -- #FFFFFF
BUTTON BACKGROUND (Hover) -- #de3d95
BUTTON TEXT (Hover) -- #FFFFFF
BUTTON BACKGROUND (Active) -- #00b6ea
BUTTON TEXT (Active) -- #FFFFFF
BUTTON BACKGROUND (Inactive) -- #b3b3b3
BUTTON TEXT (Inactive) -- #ffffff
ICON -- #00b6ea
ICON (Hover) -- #3f3f3f
ICON -- #00b6ea
ICON (Hover) -- #3f3f3f
ICON -- #00b6ea
ICON (Hover) -- #3f3f3f
ICON -- #00b6ea
ICON (Hover) -- #3f3f3f
Generally used for content like p text in WYSIWYG, list items, text content in content blocks
Font family: "HelveticaNeue-Roman", Font size: 18px, Text transform: none
Generally used for headers for components and WYSIWYG components
Font family: "HelveticaNeue-Bold", Font size: 26px, Text transform: none
Generally used for buttons and other CTAs
Font family: "HelveticaNeue-Bold", Font size: 16px, Text transform: none