// Brandable primary button
$color-background-button-brand: rgb(0, 112, 210) !default;
// Brandable primary button - active state
$color-background-button-brand-active: rgb(0, 57, 107) !default;
// Brandable primary button - hover state
$color-background-button-brand-hover: rgb(0, 95, 178) !default;
// Brandable primary button - disabled state
$color-background-button-brand-disabled: rgb(224, 229, 238) !default;
// Default secondary button
$color-background-button-default: rgb(255, 255, 255) !default;
// Default secondary button - hover state
$color-background-button-default-hover: rgb(244, 246, 249) !default;
// Default secondary button - focus state
$color-background-button-default-focus: rgb(244, 246, 249) !default;
// Default secondary button - active state
$color-background-button-default-active: rgb(238, 241, 246) !default;
// Default secondary button - disabled state
$color-background-button-default-disabled: rgb(255, 255, 255) !default;
// Background color for icon-only button
$color-background-button-icon: rgba(0, 0, 0, 0) !default;
// Background color for icon-only button - hover state
$color-background-button-icon-hover: rgb(244, 246, 249) !default;
// Background color for icon-only button - focus state
$color-background-button-icon-focus: rgb(244, 246, 249) !default;
// Background color for icon-only button - active state
$color-background-button-icon-active: rgb(238, 241, 246) !default;
// Background color for icon-only button - disabled state
$color-background-button-icon-disabled: rgb(255, 255, 255) !default;
// Button backgrounds on inverse/dark backgrounds
$color-background-button-inverse: rgba(0, 0, 0, 0) !default;
// Active button backgrounds on inverse backgrounds on mobile
$color-background-button-inverse-active: rgba(0, 0, 0, 0.24) !default;
// Disabled button backgrounds on inverse/dark backgrounds
$color-background-button-inverse-disabled: rgba(0, 0, 0, 0) !default;
// Line heights for regular buttons
$line-height-button: 1.875rem !default;
// Line heights for small buttons
$line-height-button-small: 1.75rem !default;
// Default Card component background color.
$card-color-background: rgb(255, 255, 255) !default;
$card-spacing-small: 0.75rem !default;
$card-spacing-medium: 1rem !default;
$card-spacing-large: 1.5rem !default;
// Line heights for toggle buttons
$line-height-toggle: 1.3rem !default;
// Slider size for toggle.
$square-toggle-slider: 1.25rem !default;
// Slider width.
$width-toggle: 3rem !default;
// Slider height.
$height-toggle: 1.5rem !default;
$table-spacing-x-small: 0.5rem !default;
// Docked panel header’s background color.
$color-background-docked-panel-header: rgb(247, 249, 251) !default;
// Height of the docked bar.
$height-docked-bar: 2.5rem !default;
// Utility bar notifications badge background color.
$utility-bar-color-background-notification-badge: rgb(212, 80, 76) !default;
// Utility bar notifications focus background color.
$utility-bar-color-background-notification-focus: rgb(168, 183, 199) !default;
// Default color for animated icon waffle for app switcher.
$color-background-icon-waffle: rgb(84, 105, 141) !default;
// Global identity icon size.
$square-icon-global-identity-icon: 1.25rem !default;
// Default context bar background color.
$color-background-context-bar: rgb(255, 255, 255) !default;
// Brand color in context bar for default theme
$color-background-context-bar-brand-accent: rgb(0, 161, 223) !default;
// Hovered context bar item background color.
$color-background-context-bar-item-hover: rgb(247, 249, 251) !default;
// Active context bar item background color.
$color-background-context-bar-item-active: rgb(247, 249, 251) !default;
// Context TAB bar item background color.
$color-background-context-tab-bar-item: rgb(255, 255, 255) !default;
// Hovered context bar item background color.
$color-background-context-bar-inverse-item-hover: rgba(255, 255, 255, 0.2) !default;
// Active context bar item background color.
$color-background-context-bar-inverse-item-active: rgba(255, 255, 255, 0.4) !default;
// A Gradient used for putting shadows on the bottom when box-shadow is not possible.
$color-background-context-bar-shadow: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 100%) !default;
// Highlight for context bar action (hover and focus states).
$color-background-context-bar-action-highlight: rgba(255, 255, 255, 0.2) !default;
// Divider in context bar
$color-border-context-bar-divider: rgba(255, 255, 255, 0.2) !default;
// Border color in context bar
$color-border-context-bar-item: rgba(0, 0, 0, 0.2) !default;
// Border color in context bar on dark background
$color-border-context-bar-inverse-item: rgba(255, 255, 255, 0.2) !default;
// Border color in context bar for default theme
$color-border-context-bar-theme-default: rgb(0, 161, 223) !default;
// Alternate border color in context bar for default theme
$color-border-context-bar-theme-default-alt: rgb(228, 233, 243) !default;
// Hovered border color in context bar for default theme
$color-border-context-bar-theme-default-hover: rgb(11, 35, 153) !default;
// Active border color in context bar for default theme
$color-border-context-bar-theme-default-active: rgb(228, 233, 243) !default;
// Context bar height.
$height-context-bar: 2.5rem !default;
// Context bar text color
$color-text-context-bar: rgb(84, 105, 141) !default;
// Context bar text color on a dark background
$color-text-context-bar-inverse: rgb(255, 255, 255) !default;
// Context bar action trigger text color
$color-text-context-bar-action-trigger: rgba(255, 255, 255, 0.4) !default;
// Use COLOR_BACKGROUND_PAGE_HEADER instead.
$color-background-anchor: rgb(244, 246, 249) !default;
// Page Header background color
$color-background-page-header: rgb(247, 249, 251) !default;
// The background color for Salespath stages that are complete.
$color-background-path-complete: rgb(75, 202, 129) !default;
// The hover background color for Salespath stages that are complete.
$color-background-path-complete-hover: rgb(4, 132, 75) !default;
// The background color for Salespath stages that are the current stage.
$color-background-path-current: rgb(0, 112, 210) !default;
// The hover background color for Salespath stages that are the current stage.
$color-background-path-current-hover: rgb(0, 95, 178) !default;
// The background color for Salespath stages that have not been completed.
$color-background-path-incomplete: rgb(224, 229, 238) !default;
// The hover background color for Salespath stages that have not been completed.
$color-background-path-incomplete-hover: rgb(216, 221, 230) !default;
// The background color for the final stage of a Salespath when it has been lost.
$color-background-path-lost: rgb(194, 57, 52) !default;
// The background color for Salespath guidance coaching section.
$color-background-guidance: rgb(250, 250, 251) !default;
// Used as a separator between dark colors like the stages of salespath.
$color-border-path-divider: rgb(255, 255, 255) !default;
// Line heights for salespath
$line-height-salespath: 1.5rem !default;
// Height of Salespath
$height-sales-path: 2rem !default;
// The default background color for Progress Indicator
$progress-color-background: rgb(255, 255, 255) !default;
// The shaded background color for Progress Indicator
$progress-color-background-shade: rgb(244, 246, 249) !default;
// The background color for the Progress Bar
$progress-bar-color-background: rgb(216, 221, 230) !default;
// The background color of the fill for the Progess Bar
$progress-bar-color-background-fill: rgb(94, 180, 255) !default;
// Borders of each indicator item within the Progress Indicator
$progress-color-border: rgb(255, 255, 255) !default;
// Shaded borders of each indicator item within the Progress Indicator
$progress-color-border-shade: rgb(244, 246, 249) !default;
// Hovered border color of each indicator item within the Progress Indicator
$progress-color-border-hover: rgb(0, 112, 210) !default;
// Active border color of each indicator item within the Progress Indicator
$progress-color-border-active: rgb(21, 137, 238) !default;
// Height of the Progress Bar
$progress-bar-height: 0.125rem !default;
// Split View background color.
$split-view-color-background: rgb(228, 233, 243) !default;
// Split View background color on row hover.
$split-view-color-background-row-hover: rgb(238, 241, 246) !default;
// Row dividers in Split View list
$split-view-color-border: rgb(206, 213, 225) !default;
// Vertical navigation shaded background color on row hover.
$vertical-navigation-color-background-shade-row-hover: rgb(238, 241, 246) !default;
// Vertical navigation shaded background color on row active.
$vertical-navigation-color-background-shade-row-active: rgb(232, 236, 243) !default;