@carbon/themes 10.53.2 → 11.0.0-rc.0

package/scss/generated/_tokens.scss

@@ -6,3174 +6,303 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-/// Primary interactive color; Primary buttons
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$interactive-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'interactive-01'),
-  map-get($carbon--theme, 'interactive-01'),
-  #0f62fe
-) !default;
-
-/// Secondary interactive color; Secondary button
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$interactive-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'interactive-02'),
-  map-get($carbon--theme, 'interactive-02'),
-  #393939
-) !default;
-
-/// 4.5:1 AA contrast; Tertiary button
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$interactive-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'interactive-03'),
-  map-get($carbon--theme, 'interactive-03'),
-  #0f62fe
-) !default;
-
-/// 3:1 AA contrast; Selected elements; Active elements; Accent icons
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$interactive-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'interactive-04'),
-  map-get($carbon--theme, 'interactive-04'),
-  #0f62fe
-) !default;
-
-/// Default page background
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$ui-background: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'ui-background'),
-  map-get($carbon--theme, 'ui-background'),
-  #ffffff
-) !default;
-
-/// Primary container background; Secondary page background
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$ui-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'ui-01'),
-  map-get($carbon--theme, 'ui-01'),
-  #f4f4f4
-) !default;
-
-/// Primary page background; Secondary container background
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$ui-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'ui-02'),
-  map-get($carbon--theme, 'ui-02'),
-  #ffffff
-) !default;
-
-/// Subtle border; Tertiary background color
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$ui-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'ui-03'),
-  map-get($carbon--theme, 'ui-03'),
-  #e0e0e0
-) !default;
-
-/// 3:1 AA element contrast; Medium contrast border
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$ui-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'ui-04'),
-  map-get($carbon--theme, 'ui-04'),
-  #8d8d8d
-) !default;
-
-/// 4.5:1 AA element contrast; High contrast border; Emphasis elements
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$ui-05: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'ui-05'),
-  map-get($carbon--theme, 'ui-05'),
-  #161616
-) !default;
-
-/// Primary text; Body copy; Headers; Hover text color for `$text-02`
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-01'),
-  map-get($carbon--theme, 'text-01'),
-  #161616
-) !default;
-
-/// Secondary text; Input labels; Help text
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-02'),
-  map-get($carbon--theme, 'text-02'),
-  #525252
-) !default;
-
-/// Placeholder text
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-03'),
-  map-get($carbon--theme, 'text-03'),
-  #a8a8a8
-) !default;
-
-/// Text on interactive colors
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-04'),
-  map-get($carbon--theme, 'text-04'),
-  #ffffff
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-05: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-05'),
-  map-get($carbon--theme, 'text-05'),
-  #6f6f6f
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-error: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-error'),
-  map-get($carbon--theme, 'text-error'),
-  #da1e28
-) !default;
-
-/// Primary icons
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$icon-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'icon-01'),
-  map-get($carbon--theme, 'icon-01'),
-  #161616
-) !default;
-
-/// Secondary icons
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$icon-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'icon-02'),
-  map-get($carbon--theme, 'icon-02'),
-  #525252
-) !default;
-
-/// Tertiary icons; Icons on interactive colors; Icons on non-ui colors
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$icon-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'icon-03'),
-  map-get($carbon--theme, 'icon-03'),
-  #ffffff
-) !default;
-
-/// Primary links; Ghost button
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$link-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'link-01'),
-  map-get($carbon--theme, 'link-01'),
-  #0f62fe
-) !default;
-
-/// Secondary link color for lower contrast backgrounds
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$link-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'link-02'),
-  map-get($carbon--theme, 'link-02'),
-  #0043ce
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$inverse-link: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'inverse-link'),
-  map-get($carbon--theme, 'inverse-link'),
-  #78a9ff
-) !default;
-
-/// Default input fields; Field color on $ui-backgrounds
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$field-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'field-01'),
-  map-get($carbon--theme, 'field-01'),
-  #f4f4f4
-) !default;
-
-/// Input field color on `$ui-02` backgrounds
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$field-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'field-02'),
-  map-get($carbon--theme, 'field-02'),
-  #ffffff
-) !default;
-
-/// Inverse text color; Inverse icon color
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$inverse-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'inverse-01'),
-  map-get($carbon--theme, 'inverse-01'),
-  #ffffff
-) !default;
-
-/// High contrast backgrounds; High contrast elements
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$inverse-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'inverse-02'),
-  map-get($carbon--theme, 'inverse-02'),
-  #393939
-) !default;
-
-/// Error
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-01'),
-  map-get($carbon--theme, 'support-01'),
-  #da1e28
-) !default;
-
-/// Success
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-02'),
-  map-get($carbon--theme, 'support-02'),
-  #198038
-) !default;
-
-/// Warning
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-03'),
-  map-get($carbon--theme, 'support-03'),
-  #f1c21b
-) !default;
-
-/// Information
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-04'),
-  map-get($carbon--theme, 'support-04'),
-  #0043ce
-) !default;
-
-/// Error on high contrast backgrounds
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$inverse-support-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'inverse-support-01'),
-  map-get($carbon--theme, 'inverse-support-01'),
-  #fa4d56
-) !default;
-
-/// Success on high contrast backgrounds
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$inverse-support-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'inverse-support-02'),
-  map-get($carbon--theme, 'inverse-support-02'),
-  #42be65
-) !default;
-
-/// Warning on high contrast backgrounds
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$inverse-support-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'inverse-support-03'),
-  map-get($carbon--theme, 'inverse-support-03'),
-  #f1c21b
-) !default;
-
-/// Information on high contrast backgrounds
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$inverse-support-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'inverse-support-04'),
-  map-get($carbon--theme, 'inverse-support-04'),
-  #4589ff
-) !default;
-
-/// Background overlay
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$overlay-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'overlay-01'),
-  map-get($carbon--theme, 'overlay-01'),
-  rgba(22, 22, 22, 0.5)
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$danger-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'danger-01'),
-  map-get($carbon--theme, 'danger-01'),
-  #da1e28
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$danger-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'danger-02'),
-  map-get($carbon--theme, 'danger-02'),
-  #da1e28
-) !default;
-
-/// Focus border; Focus underline
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$focus: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'focus'),
-  map-get($carbon--theme, 'focus'),
-  #0f62fe
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$inverse-focus-ui: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'inverse-focus-ui'),
-  map-get($carbon--theme, 'inverse-focus-ui'),
-  #ffffff
-) !default;
-
-/// `$interactive-01` hover
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$hover-primary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'hover-primary'),
-  map-get($carbon--theme, 'hover-primary'),
-  #0353e9
-) !default;
-
-/// `$interactive-01` active
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$active-primary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'active-primary'),
-  map-get($carbon--theme, 'active-primary'),
-  #002d9c
-) !default;
-
-/// `$interactive-01` text hover
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$hover-primary-text: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'hover-primary-text'),
-  map-get($carbon--theme, 'hover-primary-text'),
-  #0043ce
-) !default;
-
-/// `$interactive-02` hover
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$hover-secondary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'hover-secondary'),
-  map-get($carbon--theme, 'hover-secondary'),
-  #4c4c4c
-) !default;
-
-/// `$interactive-02` active; `$inverse-01` active
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$active-secondary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'active-secondary'),
-  map-get($carbon--theme, 'active-secondary'),
-  #6f6f6f
-) !default;
-
-/// `$interactive-03` hover; `$inverse-01` hover
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$hover-tertiary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'hover-tertiary'),
-  map-get($carbon--theme, 'hover-tertiary'),
-  #0353e9
-) !default;
-
-/// `$interactive-03` active
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$active-tertiary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'active-tertiary'),
-  map-get($carbon--theme, 'active-tertiary'),
-  #002d9c
-) !default;
-
-/// `$ui-01` hover; `$ui-02` hover; Transparent background hover
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$hover-ui: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'hover-ui'),
-  map-get($carbon--theme, 'hover-ui'),
-  #e5e5e5
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$hover-light-ui: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'hover-light-ui'),
-  map-get($carbon--theme, 'hover-light-ui'),
-  #e5e5e5
-) !default;
-
-/// Data table selected row hover
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$hover-selected-ui: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'hover-selected-ui'),
-  map-get($carbon--theme, 'hover-selected-ui'),
-  #cacaca
-) !default;
-
-/// `$ui-01` active; `$ui-02` active
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$active-ui: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'active-ui'),
-  map-get($carbon--theme, 'active-ui'),
-  #c6c6c6
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$active-light-ui: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'active-light-ui'),
-  map-get($carbon--theme, 'active-light-ui'),
-  #c6c6c6
-) !default;
-
-/// Selected UI elements
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$selected-ui: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'selected-ui'),
-  map-get($carbon--theme, 'selected-ui'),
-  #e0e0e0
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$selected-light-ui: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'selected-light-ui'),
-  map-get($carbon--theme, 'selected-light-ui'),
-  #e0e0e0
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$inverse-hover-ui: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'inverse-hover-ui'),
-  map-get($carbon--theme, 'inverse-hover-ui'),
-  #4c4c4c
-) !default;
-
-/// Danger hover; `$support-01` hover
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$hover-danger: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'hover-danger'),
-  map-get($carbon--theme, 'hover-danger'),
-  #b81921
-) !default;
-
-/// Danger active; `$support-01` active
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$active-danger: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'active-danger'),
-  map-get($carbon--theme, 'active-danger'),
-  #750e13
-) !default;
-
-/// Row hover
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$hover-row: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'hover-row'),
-  map-get($carbon--theme, 'hover-row'),
-  #e5e5e5
-) !default;
-
-/// Visited links
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$visited-link: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'visited-link'),
-  map-get($carbon--theme, 'visited-link'),
-  #8a3ffc
-) !default;
-
-/// Disabled fields; Disabled backgrounds; Disabled border
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$disabled-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'disabled-01'),
-  map-get($carbon--theme, 'disabled-01'),
-  #f4f4f4
-) !default;
-
-/// Disabled elements on `$disabled-01`; Disabled label; Disabled text on `$disabled-01`; Disabled icons; Disabled border
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$disabled-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'disabled-02'),
-  map-get($carbon--theme, 'disabled-02'),
-  #c6c6c6
-) !default;
-
-/// Disabled text on `$disabled-02`; Disabled icons on `$disabled-02`
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$disabled-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'disabled-03'),
-  map-get($carbon--theme, 'disabled-03'),
-  #8d8d8d
-) !default;
-
-/// `$interactive-01` high light
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$highlight: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'highlight'),
-  map-get($carbon--theme, 'highlight'),
-  #d0e2ff
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$decorative-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'decorative-01'),
-  map-get($carbon--theme, 'decorative-01'),
-  #e0e0e0
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-separator: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-separator'),
-  map-get($carbon--theme, 'button-separator'),
-  #e0e0e0
-) !default;
-
-/// Skeleton state of graphics
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$skeleton-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'skeleton-01'),
-  map-get($carbon--theme, 'skeleton-01'),
-  #e5e5e5
-) !default;
-
-/// Skeleton state of text
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$skeleton-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'skeleton-02'),
-  map-get($carbon--theme, 'skeleton-02'),
-  #c6c6c6
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$background: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'background'),
-  map-get($carbon--theme, 'background'),
-  #ffffff
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$layer: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layer'),
-  map-get($carbon--theme, 'layer'),
-  #f4f4f4
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$layer-accent: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layer-accent'),
-  map-get($carbon--theme, 'layer-accent'),
-  #e0e0e0
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$layer-accent-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layer-accent-hover'),
-  map-get($carbon--theme, 'layer-accent-hover'),
-  #d1d1d1
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$layer-accent-active: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layer-accent-active'),
-  map-get($carbon--theme, 'layer-accent-active'),
-  #a8a8a8
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$field: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'field'),
-  map-get($carbon--theme, 'field'),
-  #f4f4f4
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$background-inverse: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'background-inverse'),
-  map-get($carbon--theme, 'background-inverse'),
-  #393939
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$background-brand: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'background-brand'),
-  map-get($carbon--theme, 'background-brand'),
-  #0f62fe
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$interactive: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'interactive'),
-  map-get($carbon--theme, 'interactive'),
-  #0f62fe
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$border-subtle: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'border-subtle'),
-  map-get($carbon--theme, 'border-subtle'),
-  #e0e0e0
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$border-strong: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'border-strong'),
-  map-get($carbon--theme, 'border-strong'),
-  #8d8d8d
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$border-inverse: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'border-inverse'),
-  map-get($carbon--theme, 'border-inverse'),
-  #161616
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$border-interactive: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'border-interactive'),
-  map-get($carbon--theme, 'border-interactive'),
-  #0f62fe
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-primary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-primary'),
-  map-get($carbon--theme, 'text-primary'),
-  #161616
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-secondary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-secondary'),
-  map-get($carbon--theme, 'text-secondary'),
-  #525252
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-placeholder: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-placeholder'),
-  map-get($carbon--theme, 'text-placeholder'),
-  #a8a8a8
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-helper: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-helper'),
-  map-get($carbon--theme, 'text-helper'),
-  #6f6f6f
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-on-color: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-on-color'),
-  map-get($carbon--theme, 'text-on-color'),
-  #ffffff
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-inverse: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-inverse'),
-  map-get($carbon--theme, 'text-inverse'),
-  #ffffff
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$link-primary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'link-primary'),
-  map-get($carbon--theme, 'link-primary'),
-  #0f62fe
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$link-secondary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'link-secondary'),
-  map-get($carbon--theme, 'link-secondary'),
-  #0043ce
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$link-visited: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'link-visited'),
-  map-get($carbon--theme, 'link-visited'),
-  #8a3ffc
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$link-inverse: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'link-inverse'),
-  map-get($carbon--theme, 'link-inverse'),
-  #78a9ff
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$icon-primary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'icon-primary'),
-  map-get($carbon--theme, 'icon-primary'),
-  #161616
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$icon-secondary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'icon-secondary'),
-  map-get($carbon--theme, 'icon-secondary'),
-  #525252
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$icon-on-color: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'icon-on-color'),
-  map-get($carbon--theme, 'icon-on-color'),
-  #ffffff
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$icon-inverse: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'icon-inverse'),
-  map-get($carbon--theme, 'icon-inverse'),
-  #ffffff
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-error: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-error'),
-  map-get($carbon--theme, 'support-error'),
-  #da1e28
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-success: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-success'),
-  map-get($carbon--theme, 'support-success'),
-  #198038
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-warning: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-warning'),
-  map-get($carbon--theme, 'support-warning'),
-  #f1c21b
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-info: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-info'),
-  map-get($carbon--theme, 'support-info'),
-  #0043ce
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-error-inverse: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-error-inverse'),
-  map-get($carbon--theme, 'support-error-inverse'),
-  #fa4d56
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-success-inverse: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-success-inverse'),
-  map-get($carbon--theme, 'support-success-inverse'),
-  #42be65
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-warning-inverse: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-warning-inverse'),
-  map-get($carbon--theme, 'support-warning-inverse'),
-  #f1c21b
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$support-info-inverse: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'support-info-inverse'),
-  map-get($carbon--theme, 'support-info-inverse'),
-  #4589ff
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$overlay: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'overlay'),
-  map-get($carbon--theme, 'overlay'),
-  rgba(22, 22, 22, 0.5)
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$toggle-off: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'toggle-off'),
-  map-get($carbon--theme, 'toggle-off'),
-  #8d8d8d
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$shadow: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'shadow'),
-  map-get($carbon--theme, 'shadow'),
-  rgba(0, 0, 0, 0.3)
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-primary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-primary'),
-  map-get($carbon--theme, 'button-primary'),
-  #0f62fe
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-secondary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-secondary'),
-  map-get($carbon--theme, 'button-secondary'),
-  #393939
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-tertiary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-tertiary'),
-  map-get($carbon--theme, 'button-tertiary'),
-  #0f62fe
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-danger-primary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-danger-primary'),
-  map-get($carbon--theme, 'button-danger-primary'),
-  #da1e28
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-danger-secondary: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-danger-secondary'),
-  map-get($carbon--theme, 'button-danger-secondary'),
-  #da1e28
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$background-active: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'background-active'),
-  map-get($carbon--theme, 'background-active'),
-  #c6c6c6
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$layer-active: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layer-active'),
-  map-get($carbon--theme, 'layer-active'),
-  #c6c6c6
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-danger-active: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-danger-active'),
-  map-get($carbon--theme, 'button-danger-active'),
-  #750e13
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-primary-active: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-primary-active'),
-  map-get($carbon--theme, 'button-primary-active'),
-  #002d9c
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-secondary-active: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-secondary-active'),
-  map-get($carbon--theme, 'button-secondary-active'),
-  #6f6f6f
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-tertiary-active: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-tertiary-active'),
-  map-get($carbon--theme, 'button-tertiary-active'),
-  #002d9c
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$focus-inset: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'focus-inset'),
-  map-get($carbon--theme, 'focus-inset'),
-  #ffffff
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$focus-inverse: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'focus-inverse'),
-  map-get($carbon--theme, 'focus-inverse'),
-  #ffffff
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$background-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'background-hover'),
-  map-get($carbon--theme, 'background-hover'),
-  #e5e5e5
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$layer-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layer-hover'),
-  map-get($carbon--theme, 'layer-hover'),
-  #e5e5e5
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$field-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'field-hover'),
-  map-get($carbon--theme, 'field-hover'),
-  #e5e5e5
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$background-inverse-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'background-inverse-hover'),
-  map-get($carbon--theme, 'background-inverse-hover'),
-  #4c4c4c
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$link-primary-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'link-primary-hover'),
-  map-get($carbon--theme, 'link-primary-hover'),
-  #0043ce
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-danger-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-danger-hover'),
-  map-get($carbon--theme, 'button-danger-hover'),
-  #b81921
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-primary-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-primary-hover'),
-  map-get($carbon--theme, 'button-primary-hover'),
-  #0353e9
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-secondary-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-secondary-hover'),
-  map-get($carbon--theme, 'button-secondary-hover'),
-  #4c4c4c
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-tertiary-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-tertiary-hover'),
-  map-get($carbon--theme, 'button-tertiary-hover'),
-  #0353e9
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$background-selected: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'background-selected'),
-  map-get($carbon--theme, 'background-selected'),
-  #e0e0e0
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$background-selected-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'background-selected-hover'),
-  map-get($carbon--theme, 'background-selected-hover'),
-  #cacaca
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$layer-selected: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layer-selected'),
-  map-get($carbon--theme, 'layer-selected'),
-  #e0e0e0
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$layer-selected-hover: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layer-selected-hover'),
-  map-get($carbon--theme, 'layer-selected-hover'),
-  #cacaca
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$layer-selected-inverse: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layer-selected-inverse'),
-  map-get($carbon--theme, 'layer-selected-inverse'),
-  #161616
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$border-subtle-selected: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'border-subtle-selected'),
-  map-get($carbon--theme, 'border-subtle-selected'),
-  #c6c6c6
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$border-disabled: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'border-disabled'),
-  map-get($carbon--theme, 'border-disabled'),
-  #f4f4f4
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-disabled: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-disabled'),
-  map-get($carbon--theme, 'text-disabled'),
-  #c6c6c6
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$button-disabled: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'button-disabled'),
-  map-get($carbon--theme, 'button-disabled'),
-  #c6c6c6
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$icon-disabled: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'icon-disabled'),
-  map-get($carbon--theme, 'icon-disabled'),
-  #c6c6c6
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$text-on-color-disabled: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'text-on-color-disabled'),
-  map-get($carbon--theme, 'text-on-color-disabled'),
-  #8d8d8d
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$icon-on-color-disabled: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'icon-on-color-disabled'),
-  map-get($carbon--theme, 'icon-on-color-disabled'),
-  #8d8d8d
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$layer-selected-disabled: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layer-selected-disabled'),
-  map-get($carbon--theme, 'layer-selected-disabled'),
-  #8d8d8d
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$skeleton-background: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'skeleton-background'),
-  map-get($carbon--theme, 'skeleton-background'),
-  #e5e5e5
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$skeleton-element: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'skeleton-element'),
-  map-get($carbon--theme, 'skeleton-element'),
-  #c6c6c6
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-/// @alias interactive-01
-/// @deprecated
-$brand-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'brand-01'),
-  map-get($carbon--theme, 'brand-01'),
-  #0f62fe
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-/// @alias interactive-02
-/// @deprecated
-$brand-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'brand-02'),
-  map-get($carbon--theme, 'brand-02'),
-  #393939
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-/// @alias interactive-03
-/// @deprecated
-$brand-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'brand-03'),
-  map-get($carbon--theme, 'brand-03'),
-  #0f62fe
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-/// @alias active-ui
-/// @deprecated
-$active-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'active-01'),
-  map-get($carbon--theme, 'active-01'),
-  #c6c6c6
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-/// @alias hover-ui
-/// @deprecated
-$hover-field: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'hover-field'),
-  map-get($carbon--theme, 'hover-field'),
-  #e5e5e5
-) !default;
-
-/// @type {undefined}
-/// @access public
-/// @group @carbon/themes
-$danger: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'danger'),
-  map-get($carbon--theme, 'danger'),
-  #da1e28
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$caption-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'caption-01'),
-  map-get($carbon--theme, 'caption-01'),
-  (
-    font-size: 0.75rem,
-    font-weight: 400,
-    line-height: 1.33333,
-    letter-spacing: 0.32px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$caption-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'caption-02'),
-  map-get($carbon--theme, 'caption-02'),
-  (
-    font-size: 0.875rem,
-    font-weight: 400,
-    line-height: 1.28572,
-    letter-spacing: 0.32px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$label-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'label-01'),
-  map-get($carbon--theme, 'label-01'),
-  (
-    font-size: 0.75rem,
-    font-weight: 400,
-    line-height: 1.33333,
-    letter-spacing: 0.32px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$label-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'label-02'),
-  map-get($carbon--theme, 'label-02'),
-  (
-    font-size: 0.875rem,
-    font-weight: 400,
-    line-height: 1.28572,
-    letter-spacing: 0.16px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$helper-text-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'helper-text-01'),
-  map-get($carbon--theme, 'helper-text-01'),
-  (
-    font-size: 0.75rem,
-    line-height: 1.33333,
-    letter-spacing: 0.32px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$helper-text-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'helper-text-02'),
-  map-get($carbon--theme, 'helper-text-02'),
-  (
-    font-size: 0.875rem,
-    line-height: 1.28572,
-    letter-spacing: 0.16px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$body-short-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'body-short-01'),
-  map-get($carbon--theme, 'body-short-01'),
-  (
-    font-size: 0.875rem,
-    font-weight: 400,
-    line-height: 1.28572,
-    letter-spacing: 0.16px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$body-long-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'body-long-01'),
-  map-get($carbon--theme, 'body-long-01'),
-  (
-    font-size: 0.875rem,
-    font-weight: 400,
-    line-height: 1.42857,
-    letter-spacing: 0.16px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$body-short-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'body-short-02'),
-  map-get($carbon--theme, 'body-short-02'),
-  (
-    font-size: 1rem,
-    font-weight: 400,
-    line-height: 1.375,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$body-long-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'body-long-02'),
-  map-get($carbon--theme, 'body-long-02'),
-  (
-    font-size: 1rem,
-    font-weight: 400,
-    line-height: 1.5,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$code-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'code-01'),
-  map-get($carbon--theme, 'code-01'),
-  (
-    font-family:
-      unquote(
-        "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace"
-      ),
-    font-size: 0.75rem,
-    font-weight: 400,
-    line-height: 1.33333,
-    letter-spacing: 0.32px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$code-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'code-02'),
-  map-get($carbon--theme, 'code-02'),
-  (
-    font-family:
-      unquote(
-        "'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace"
-      ),
-    font-size: 0.875rem,
-    font-weight: 400,
-    line-height: 1.42857,
-    letter-spacing: 0.32px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$heading-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'heading-01'),
-  map-get($carbon--theme, 'heading-01'),
-  (
-    font-size: 0.875rem,
-    font-weight: 600,
-    line-height: 1.42857,
-    letter-spacing: 0.16px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$productive-heading-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'productive-heading-01'),
-  map-get($carbon--theme, 'productive-heading-01'),
-  (
-    font-size: 0.875rem,
-    font-weight: 600,
-    line-height: 1.28572,
-    letter-spacing: 0.16px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$heading-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'heading-02'),
-  map-get($carbon--theme, 'heading-02'),
-  (
-    font-size: 1rem,
-    font-weight: 600,
-    line-height: 1.5,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$productive-heading-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'productive-heading-02'),
-  map-get($carbon--theme, 'productive-heading-02'),
-  (
-    font-size: 1rem,
-    font-weight: 600,
-    line-height: 1.375,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$productive-heading-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'productive-heading-03'),
-  map-get($carbon--theme, 'productive-heading-03'),
-  (
-    font-size: 1.25rem,
-    font-weight: 400,
-    line-height: 1.4,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$productive-heading-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'productive-heading-04'),
-  map-get($carbon--theme, 'productive-heading-04'),
-  (
-    font-size: 1.75rem,
-    font-weight: 400,
-    line-height: 1.28572,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$productive-heading-05: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'productive-heading-05'),
-  map-get($carbon--theme, 'productive-heading-05'),
-  (
-    font-size: 2rem,
-    font-weight: 400,
-    line-height: 1.25,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$productive-heading-06: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'productive-heading-06'),
-  map-get($carbon--theme, 'productive-heading-06'),
-  (
-    font-size: 2.625rem,
-    font-weight: 300,
-    line-height: 1.199,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$productive-heading-07: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'productive-heading-07'),
-  map-get($carbon--theme, 'productive-heading-07'),
-  (
-    font-size: 3.375rem,
-    font-weight: 300,
-    line-height: 1.199,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$expressive-heading-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'expressive-heading-01'),
-  map-get($carbon--theme, 'expressive-heading-01'),
-  (
-    font-size: 0.875rem,
-    font-weight: 600,
-    line-height: 1.25,
-    letter-spacing: 0.16px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$expressive-heading-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'expressive-heading-02'),
-  map-get($carbon--theme, 'expressive-heading-02'),
-  (
-    font-size: 1rem,
-    font-weight: 600,
-    line-height: 1.5,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$expressive-heading-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'expressive-heading-03'),
-  map-get($carbon--theme, 'expressive-heading-03'),
-  (
-    font-size: 1.25rem,
-    font-weight: 400,
-    line-height: 1.4,
-    letter-spacing: 0,
-    breakpoints: (
-      xlg: (
-        font-size: 1.25rem,
-        line-height: 1.25,
-      ),
-      max: (
-        font-size: 1.5rem,
-        line-height: 1.334,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$expressive-heading-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'expressive-heading-04'),
-  map-get($carbon--theme, 'expressive-heading-04'),
-  (
-    font-size: 1.75rem,
-    font-weight: 400,
-    line-height: 1.28572,
-    letter-spacing: 0,
-    breakpoints: (
-      xlg: (
-        font-size: 1.75rem,
-        line-height: 1.25,
-      ),
-      max: (
-        font-size: 2rem,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$expressive-heading-05: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'expressive-heading-05'),
-  map-get($carbon--theme, 'expressive-heading-05'),
-  (
-    font-size: 2rem,
-    font-weight: 400,
-    line-height: 1.25,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 2.25rem,
-        font-weight: 300,
-        line-height: 1.22,
-        letter-spacing: 0,
-      ),
-      lg: (
-        font-size: 2.625rem,
-        font-weight: 300,
-        line-height: 1.19,
-        letter-spacing: 0,
-      ),
-      xlg: (
-        font-size: 3rem,
-        font-weight: 300,
-        line-height: 1.17,
-        letter-spacing: 0,
-      ),
-      max: (
-        font-size: 3.75rem,
-        font-weight: 300,
-        letter-spacing: 0,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$expressive-heading-06: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'expressive-heading-06'),
-  map-get($carbon--theme, 'expressive-heading-06'),
-  (
-    font-size: 2rem,
-    font-weight: 600,
-    line-height: 1.25,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 2.25rem,
-        font-weight: 600,
-        line-height: 1.22,
-        letter-spacing: 0,
-      ),
-      lg: (
-        font-size: 2.625rem,
-        font-weight: 600,
-        line-height: 1.19,
-        letter-spacing: 0,
-      ),
-      xlg: (
-        font-size: 3rem,
-        font-weight: 600,
-        line-height: 1.17,
-        letter-spacing: 0,
-      ),
-      max: (
-        font-size: 3.75rem,
-        font-weight: 600,
-        letter-spacing: 0,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$expressive-paragraph-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'expressive-paragraph-01'),
-  map-get($carbon--theme, 'expressive-paragraph-01'),
-  (
-    font-size: 1.5rem,
-    font-weight: 300,
-    line-height: 1.334,
-    letter-spacing: 0,
-    breakpoints: (
-      lg: (
-        font-size: 1.75rem,
-        line-height: 1.28572,
-      ),
-      max: (
-        font-size: 2rem,
-        line-height: 1.25,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$quotation-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'quotation-01'),
-  map-get($carbon--theme, 'quotation-01'),
-  (
-    font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
-    font-size: 1.25rem,
-    font-weight: 400,
-    line-height: 1.3,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 1.25rem,
-        font-weight: 400,
-        letter-spacing: 0,
-      ),
-      lg: (
-        font-size: 1.5rem,
-        font-weight: 400,
-        line-height: 1.334,
-        letter-spacing: 0,
-      ),
-      xlg: (
-        font-size: 1.75rem,
-        font-weight: 400,
-        line-height: 1.28572,
-        letter-spacing: 0,
-      ),
-      max: (
-        font-size: 2rem,
-        font-weight: 400,
-        line-height: 1.25,
-        letter-spacing: 0,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$quotation-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'quotation-02'),
-  map-get($carbon--theme, 'quotation-02'),
-  (
-    font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
-    font-size: 2rem,
-    font-weight: 300,
-    line-height: 1.25,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 2.25rem,
-        line-height: 1.22,
-      ),
-      lg: (
-        font-size: 2.625rem,
-        line-height: 1.19,
-      ),
-      xlg: (
-        font-size: 3rem,
-        line-height: 1.17,
-      ),
-      max: (
-        font-size: 3.75rem,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$display-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'display-01'),
-  map-get($carbon--theme, 'display-01'),
-  (
-    font-size: 2.625rem,
-    font-weight: 300,
-    line-height: 1.19,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 2.625rem,
-      ),
-      lg: (
-        font-size: 3.375rem,
-      ),
-      xlg: (
-        font-size: 3.75rem,
-        line-height: 1.17,
-      ),
-      max: (
-        font-size: 4.75rem,
-        line-height: 1.13,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$display-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'display-02'),
-  map-get($carbon--theme, 'display-02'),
-  (
-    font-size: 2.625rem,
-    font-weight: 600,
-    line-height: 1.19,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 2.625rem,
-      ),
-      lg: (
-        font-size: 3.375rem,
-      ),
-      xlg: (
-        font-size: 3.75rem,
-        line-height: 1.16,
-      ),
-      max: (
-        font-size: 4.75rem,
-        line-height: 1.13,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$display-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'display-03'),
-  map-get($carbon--theme, 'display-03'),
-  (
-    font-size: 2.625rem,
-    font-weight: 300,
-    line-height: 1.19,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 4.25rem,
-        line-height: 1.15,
-      ),
-      lg: (
-        font-size: 5.75rem,
-        line-height: 1.11,
-        letter-spacing: -0.64px,
-      ),
-      xlg: (
-        font-size: 7.625rem,
-        line-height: 1.07,
-      ),
-      max: (
-        font-size: 9.75rem,
-        line-height: 1.05,
-        letter-spacing: -0.96px,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$display-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'display-04'),
-  map-get($carbon--theme, 'display-04'),
-  (
-    font-size: 2.625rem,
-    font-weight: 600,
-    line-height: 1.19,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 4.25rem,
-        line-height: 1.15,
-      ),
-      lg: (
-        font-size: 5.75rem,
-        line-height: 1.11,
-        letter-spacing: -0.64px,
-      ),
-      xlg: (
-        font-size: 7.625rem,
-        line-height: 1.07,
-        letter-spacing: -0.64px,
-      ),
-      max: (
-        font-size: 9.75rem,
-        line-height: 1.05,
-        letter-spacing: -0.96px,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$legal-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'legal-01'),
-  map-get($carbon--theme, 'legal-01'),
-  (
-    font-size: 0.75rem,
-    font-weight: 400,
-    line-height: 1.33333,
-    letter-spacing: 0.32px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$legal-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'legal-02'),
-  map-get($carbon--theme, 'legal-02'),
-  (
-    font-size: 0.875rem,
-    font-weight: 400,
-    line-height: 1.28572,
-    letter-spacing: 0.16px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$body-compact-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'body-compact-01'),
-  map-get($carbon--theme, 'body-compact-01'),
-  (
-    font-size: 0.875rem,
-    font-weight: 400,
-    line-height: 1.28572,
-    letter-spacing: 0.16px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$body-compact-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'body-compact-02'),
-  map-get($carbon--theme, 'body-compact-02'),
-  (
-    font-size: 1rem,
-    font-weight: 400,
-    line-height: 1.375,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$body-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'body-01'),
-  map-get($carbon--theme, 'body-01'),
-  (
-    font-size: 0.875rem,
-    font-weight: 400,
-    line-height: 1.42857,
-    letter-spacing: 0.16px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$body-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'body-02'),
-  map-get($carbon--theme, 'body-02'),
-  (
-    font-size: 1rem,
-    font-weight: 400,
-    line-height: 1.5,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$heading-compact-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'heading-compact-01'),
-  map-get($carbon--theme, 'heading-compact-01'),
-  (
-    font-size: 0.875rem,
-    font-weight: 600,
-    line-height: 1.28572,
-    letter-spacing: 0.16px,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$heading-compact-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'heading-compact-02'),
-  map-get($carbon--theme, 'heading-compact-02'),
-  (
-    font-size: 1rem,
-    font-weight: 600,
-    line-height: 1.375,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$heading-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'heading-03'),
-  map-get($carbon--theme, 'heading-03'),
-  (
-    font-size: 1.25rem,
-    font-weight: 400,
-    line-height: 1.4,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$heading-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'heading-04'),
-  map-get($carbon--theme, 'heading-04'),
-  (
-    font-size: 1.75rem,
-    font-weight: 400,
-    line-height: 1.28572,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$heading-05: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'heading-05'),
-  map-get($carbon--theme, 'heading-05'),
-  (
-    font-size: 2rem,
-    font-weight: 400,
-    line-height: 1.25,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$heading-06: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'heading-06'),
-  map-get($carbon--theme, 'heading-06'),
-  (
-    font-size: 2.625rem,
-    font-weight: 300,
-    line-height: 1.199,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$heading-07: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'heading-07'),
-  map-get($carbon--theme, 'heading-07'),
-  (
-    font-size: 3.375rem,
-    font-weight: 300,
-    line-height: 1.199,
-    letter-spacing: 0,
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-heading-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-heading-03'),
-  map-get($carbon--theme, 'fluid-heading-03'),
-  (
-    font-size: 1.25rem,
-    font-weight: 400,
-    line-height: 1.4,
-    letter-spacing: 0,
-    breakpoints: (
-      xlg: (
-        font-size: 1.25rem,
-        line-height: 1.25,
-      ),
-      max: (
-        font-size: 1.5rem,
-        line-height: 1.334,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-heading-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-heading-04'),
-  map-get($carbon--theme, 'fluid-heading-04'),
-  (
-    font-size: 1.75rem,
-    font-weight: 400,
-    line-height: 1.28572,
-    letter-spacing: 0,
-    breakpoints: (
-      xlg: (
-        font-size: 1.75rem,
-        line-height: 1.25,
-      ),
-      max: (
-        font-size: 2rem,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-heading-05: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-heading-05'),
-  map-get($carbon--theme, 'fluid-heading-05'),
-  (
-    font-size: 2rem,
-    font-weight: 400,
-    line-height: 1.25,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 2.25rem,
-        font-weight: 300,
-        line-height: 1.22,
-        letter-spacing: 0,
-      ),
-      lg: (
-        font-size: 2.625rem,
-        font-weight: 300,
-        line-height: 1.19,
-        letter-spacing: 0,
-      ),
-      xlg: (
-        font-size: 3rem,
-        font-weight: 300,
-        line-height: 1.17,
-        letter-spacing: 0,
-      ),
-      max: (
-        font-size: 3.75rem,
-        font-weight: 300,
-        letter-spacing: 0,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-heading-06: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-heading-06'),
-  map-get($carbon--theme, 'fluid-heading-06'),
-  (
-    font-size: 2rem,
-    font-weight: 600,
-    line-height: 1.25,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 2.25rem,
-        font-weight: 600,
-        line-height: 1.22,
-        letter-spacing: 0,
-      ),
-      lg: (
-        font-size: 2.625rem,
-        font-weight: 600,
-        line-height: 1.19,
-        letter-spacing: 0,
-      ),
-      xlg: (
-        font-size: 3rem,
-        font-weight: 600,
-        line-height: 1.17,
-        letter-spacing: 0,
-      ),
-      max: (
-        font-size: 3.75rem,
-        font-weight: 600,
-        letter-spacing: 0,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-paragraph-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-paragraph-01'),
-  map-get($carbon--theme, 'fluid-paragraph-01'),
-  (
-    font-size: 1.5rem,
-    font-weight: 300,
-    line-height: 1.334,
-    letter-spacing: 0,
-    breakpoints: (
-      lg: (
-        font-size: 1.75rem,
-        line-height: 1.28572,
-      ),
-      max: (
-        font-size: 2rem,
-        line-height: 1.25,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-quotation-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-quotation-01'),
-  map-get($carbon--theme, 'fluid-quotation-01'),
-  (
-    font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
-    font-size: 1.25rem,
-    font-weight: 400,
-    line-height: 1.3,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 1.25rem,
-        font-weight: 400,
-        letter-spacing: 0,
-      ),
-      lg: (
-        font-size: 1.5rem,
-        font-weight: 400,
-        line-height: 1.334,
-        letter-spacing: 0,
-      ),
-      xlg: (
-        font-size: 1.75rem,
-        font-weight: 400,
-        line-height: 1.28572,
-        letter-spacing: 0,
-      ),
-      max: (
-        font-size: 2rem,
-        font-weight: 400,
-        line-height: 1.25,
-        letter-spacing: 0,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-quotation-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-quotation-02'),
-  map-get($carbon--theme, 'fluid-quotation-02'),
-  (
-    font-family: unquote("'IBM Plex Serif', 'Georgia', Times, serif"),
-    font-size: 2rem,
-    font-weight: 300,
-    line-height: 1.25,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 2.25rem,
-        line-height: 1.22,
-      ),
-      lg: (
-        font-size: 2.625rem,
-        line-height: 1.19,
-      ),
-      xlg: (
-        font-size: 3rem,
-        line-height: 1.17,
-      ),
-      max: (
-        font-size: 3.75rem,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-display-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-display-01'),
-  map-get($carbon--theme, 'fluid-display-01'),
-  (
-    font-size: 2.625rem,
-    font-weight: 300,
-    line-height: 1.19,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 2.625rem,
-      ),
-      lg: (
-        font-size: 3.375rem,
-      ),
-      xlg: (
-        font-size: 3.75rem,
-        line-height: 1.17,
-      ),
-      max: (
-        font-size: 4.75rem,
-        line-height: 1.13,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-display-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-display-02'),
-  map-get($carbon--theme, 'fluid-display-02'),
-  (
-    font-size: 2.625rem,
-    font-weight: 600,
-    line-height: 1.19,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 2.625rem,
-      ),
-      lg: (
-        font-size: 3.375rem,
-      ),
-      xlg: (
-        font-size: 3.75rem,
-        line-height: 1.16,
-      ),
-      max: (
-        font-size: 4.75rem,
-        line-height: 1.13,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-display-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-display-03'),
-  map-get($carbon--theme, 'fluid-display-03'),
-  (
-    font-size: 2.625rem,
-    font-weight: 300,
-    line-height: 1.19,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 4.25rem,
-        line-height: 1.15,
-      ),
-      lg: (
-        font-size: 5.75rem,
-        line-height: 1.11,
-        letter-spacing: -0.64px,
-      ),
-      xlg: (
-        font-size: 7.625rem,
-        line-height: 1.07,
-      ),
-      max: (
-        font-size: 9.75rem,
-        line-height: 1.05,
-        letter-spacing: -0.96px,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-display-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-display-04'),
-  map-get($carbon--theme, 'fluid-display-04'),
-  (
-    font-size: 2.625rem,
-    font-weight: 600,
-    line-height: 1.19,
-    letter-spacing: 0,
-    breakpoints: (
-      md: (
-        font-size: 4.25rem,
-        line-height: 1.15,
-      ),
-      lg: (
-        font-size: 5.75rem,
-        line-height: 1.11,
-        letter-spacing: -0.64px,
-      ),
-      xlg: (
-        font-size: 7.625rem,
-        line-height: 1.07,
-        letter-spacing: -0.64px,
-      ),
-      max: (
-        font-size: 9.75rem,
-        line-height: 1.05,
-        letter-spacing: -0.96px,
-      ),
-    ),
-  )
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-01'),
-  map-get($carbon--theme, 'spacing-01'),
-  0.125rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-02'),
-  map-get($carbon--theme, 'spacing-02'),
-  0.25rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-03'),
-  map-get($carbon--theme, 'spacing-03'),
-  0.5rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-04'),
-  map-get($carbon--theme, 'spacing-04'),
-  0.75rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-05: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-05'),
-  map-get($carbon--theme, 'spacing-05'),
-  1rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-06: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-06'),
-  map-get($carbon--theme, 'spacing-06'),
-  1.5rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-07: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-07'),
-  map-get($carbon--theme, 'spacing-07'),
-  2rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-08: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-08'),
-  map-get($carbon--theme, 'spacing-08'),
-  2.5rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-09: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-09'),
-  map-get($carbon--theme, 'spacing-09'),
-  3rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-10: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-10'),
-  map-get($carbon--theme, 'spacing-10'),
-  4rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-11: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-11'),
-  map-get($carbon--theme, 'spacing-11'),
-  5rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-12: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-12'),
-  map-get($carbon--theme, 'spacing-12'),
-  6rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$spacing-13: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'spacing-13'),
-  map-get($carbon--theme, 'spacing-13'),
-  10rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-spacing-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-spacing-01'),
-  map-get($carbon--theme, 'fluid-spacing-01'),
-  0
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-spacing-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-spacing-02'),
-  map-get($carbon--theme, 'fluid-spacing-02'),
-  2vw
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-spacing-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-spacing-03'),
-  map-get($carbon--theme, 'fluid-spacing-03'),
-  5vw
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$fluid-spacing-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'fluid-spacing-04'),
-  map-get($carbon--theme, 'fluid-spacing-04'),
-  10vw
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$layout-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layout-01'),
-  map-get($carbon--theme, 'layout-01'),
-  1rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$layout-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layout-02'),
-  map-get($carbon--theme, 'layout-02'),
-  1.5rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$layout-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layout-03'),
-  map-get($carbon--theme, 'layout-03'),
-  2rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$layout-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layout-04'),
-  map-get($carbon--theme, 'layout-04'),
-  3rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$layout-05: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layout-05'),
-  map-get($carbon--theme, 'layout-05'),
-  4rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$layout-06: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layout-06'),
-  map-get($carbon--theme, 'layout-06'),
-  6rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$layout-07: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'layout-07'),
-  map-get($carbon--theme, 'layout-07'),
-  10rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$container-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'container-01'),
-  map-get($carbon--theme, 'container-01'),
-  1.5rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$container-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'container-02'),
-  map-get($carbon--theme, 'container-02'),
-  2rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$container-03: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'container-03'),
-  map-get($carbon--theme, 'container-03'),
-  2.5rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$container-04: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'container-04'),
-  map-get($carbon--theme, 'container-04'),
-  3rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$container-05: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'container-05'),
-  map-get($carbon--theme, 'container-05'),
-  4rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$size-xsmall: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'size-xsmall'),
-  map-get($carbon--theme, 'size-xsmall'),
-  1.5rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$size-small: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'size-small'),
-  map-get($carbon--theme, 'size-small'),
-  2rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$size-medium: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'size-medium'),
-  map-get($carbon--theme, 'size-medium'),
-  2.5rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$size-large: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'size-large'),
-  map-get($carbon--theme, 'size-large'),
-  3rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$size-xlarge: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'size-xlarge'),
-  map-get($carbon--theme, 'size-xlarge'),
-  4rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$size-2XLarge: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'size-2XLarge'),
-  map-get($carbon--theme, 'size-2XLarge'),
-  5rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$icon-size-01: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'icon-size-01'),
-  map-get($carbon--theme, 'icon-size-01'),
-  1rem
-) !default;
-
-/// @type {Number}
-/// @access public
-/// @group @carbon/themes
-$icon-size-02: if(
-  global-variable-exists('carbon--theme') and
-    map-has-key($carbon--theme, 'icon-size-02'),
-  map-get($carbon--theme, 'icon-size-02'),
-  1.25rem
-) !default;
+@use 'sass:map';
+@use '../config';
+@use '../theme';
+
+/// Internal helper for generating CSS Custom Properties
+@function _get($token) {
+  @if config.$use-fallback-value == false {
+    @return var(--#{config.$prefix}-#{$token});
+  } @else {
+    @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});
+  }
+}
+
+/// The CSS Custom Property for the `background` token
+$background: _get('background') !default;
+
+/// The CSS Custom Property for the `background-active` token
+$background-active: _get('background-active') !default;
+
+/// The CSS Custom Property for the `background-selected` token
+$background-selected: _get('background-selected') !default;
+
+/// The CSS Custom Property for the `background-selected-hover` token
+$background-selected-hover: _get('background-selected-hover') !default;
+
+/// The CSS Custom Property for the `background-hover` token
+$background-hover: _get('background-hover') !default;
+
+/// The CSS Custom Property for the `background-brand` token
+$background-brand: _get('background-brand') !default;
+
+/// The CSS Custom Property for the `background-inverse` token
+$background-inverse: _get('background-inverse') !default;
+
+/// The CSS Custom Property for the `background-inverse-hover` token
+$background-inverse-hover: _get('background-inverse-hover') !default;
+
+/// The CSS Custom Property for the `layer-01` token
+$layer-01: _get('layer-01') !default;
+
+/// The CSS Custom Property for the `layer-active-01` token
+$layer-active-01: _get('layer-active-01') !default;
+
+/// The CSS Custom Property for the `layer-hover-01` token
+$layer-hover-01: _get('layer-hover-01') !default;
+
+/// The CSS Custom Property for the `layer-selected-01` token
+$layer-selected-01: _get('layer-selected-01') !default;
+
+/// The CSS Custom Property for the `layer-selected-hover-01` token
+$layer-selected-hover-01: _get('layer-selected-hover-01') !default;
+
+/// The CSS Custom Property for the `layer-02` token
+$layer-02: _get('layer-02') !default;
+
+/// The CSS Custom Property for the `layer-active-02` token
+$layer-active-02: _get('layer-active-02') !default;
+
+/// The CSS Custom Property for the `layer-hover-02` token
+$layer-hover-02: _get('layer-hover-02') !default;
+
+/// The CSS Custom Property for the `layer-selected-02` token
+$layer-selected-02: _get('layer-selected-02') !default;
+
+/// The CSS Custom Property for the `layer-selected-hover-02` token
+$layer-selected-hover-02: _get('layer-selected-hover-02') !default;
+
+/// The CSS Custom Property for the `layer-03` token
+$layer-03: _get('layer-03') !default;
+
+/// The CSS Custom Property for the `layer-active-03` token
+$layer-active-03: _get('layer-active-03') !default;
+
+/// The CSS Custom Property for the `layer-hover-03` token
+$layer-hover-03: _get('layer-hover-03') !default;
+
+/// The CSS Custom Property for the `layer-selected-03` token
+$layer-selected-03: _get('layer-selected-03') !default;
+
+/// The CSS Custom Property for the `layer-selected-hover-03` token
+$layer-selected-hover-03: _get('layer-selected-hover-03') !default;
+
+/// The CSS Custom Property for the `layer-selected-inverse` token
+$layer-selected-inverse: _get('layer-selected-inverse') !default;
+
+/// The CSS Custom Property for the `layer-selected-disabled` token
+$layer-selected-disabled: _get('layer-selected-disabled') !default;
+
+/// The CSS Custom Property for the `layer-accent-01` token
+$layer-accent-01: _get('layer-accent-01') !default;
+
+/// The CSS Custom Property for the `layer-accent-active-01` token
+$layer-accent-active-01: _get('layer-accent-active-01') !default;
+
+/// The CSS Custom Property for the `layer-accent-hover-01` token
+$layer-accent-hover-01: _get('layer-accent-hover-01') !default;
+
+/// The CSS Custom Property for the `layer-accent-02` token
+$layer-accent-02: _get('layer-accent-02') !default;
+
+/// The CSS Custom Property for the `layer-accent-active-02` token
+$layer-accent-active-02: _get('layer-accent-active-02') !default;
+
+/// The CSS Custom Property for the `layer-accent-hover-02` token
+$layer-accent-hover-02: _get('layer-accent-hover-02') !default;
+
+/// The CSS Custom Property for the `layer-accent-03` token
+$layer-accent-03: _get('layer-accent-03') !default;
+
+/// The CSS Custom Property for the `layer-accent-active-03` token
+$layer-accent-active-03: _get('layer-accent-active-03') !default;
+
+/// The CSS Custom Property for the `layer-accent-hover-03` token
+$layer-accent-hover-03: _get('layer-accent-hover-03') !default;
+
+/// The CSS Custom Property for the `field-01` token
+$field-01: _get('field-01') !default;
+
+/// The CSS Custom Property for the `field-hover-01` token
+$field-hover-01: _get('field-hover-01') !default;
+
+/// The CSS Custom Property for the `field-02` token
+$field-02: _get('field-02') !default;
+
+/// The CSS Custom Property for the `field-hover-02` token
+$field-hover-02: _get('field-hover-02') !default;
+
+/// The CSS Custom Property for the `field-03` token
+$field-03: _get('field-03') !default;
+
+/// The CSS Custom Property for the `field-hover-03` token
+$field-hover-03: _get('field-hover-03') !default;
+
+/// The CSS Custom Property for the `interactive` token
+$interactive: _get('interactive') !default;
+
+/// The CSS Custom Property for the `border-subtle-00` token
+$border-subtle-00: _get('border-subtle-00') !default;
+
+/// The CSS Custom Property for the `border-subtle-01` token
+$border-subtle-01: _get('border-subtle-01') !default;
+
+/// The CSS Custom Property for the `border-subtle-selected-01` token
+$border-subtle-selected-01: _get('border-subtle-selected-01') !default;
+
+/// The CSS Custom Property for the `border-subtle-02` token
+$border-subtle-02: _get('border-subtle-02') !default;
+
+/// The CSS Custom Property for the `border-subtle-selected-02` token
+$border-subtle-selected-02: _get('border-subtle-selected-02') !default;
+
+/// The CSS Custom Property for the `border-subtle-03` token
+$border-subtle-03: _get('border-subtle-03') !default;
+
+/// The CSS Custom Property for the `border-subtle-selected-03` token
+$border-subtle-selected-03: _get('border-subtle-selected-03') !default;
+
+/// The CSS Custom Property for the `border-strong-01` token
+$border-strong-01: _get('border-strong-01') !default;
+
+/// The CSS Custom Property for the `border-strong-02` token
+$border-strong-02: _get('border-strong-02') !default;
+
+/// The CSS Custom Property for the `border-strong-03` token
+$border-strong-03: _get('border-strong-03') !default;
+
+/// The CSS Custom Property for the `border-inverse` token
+$border-inverse: _get('border-inverse') !default;
+
+/// The CSS Custom Property for the `border-interactive` token
+$border-interactive: _get('border-interactive') !default;
+
+/// The CSS Custom Property for the `border-disabled` token
+$border-disabled: _get('border-disabled') !default;
+
+/// The CSS Custom Property for the `text-primary` token
+$text-primary: _get('text-primary') !default;
+
+/// The CSS Custom Property for the `text-secondary` token
+$text-secondary: _get('text-secondary') !default;
+
+/// The CSS Custom Property for the `text-placeholder` token
+$text-placeholder: _get('text-placeholder') !default;
+
+/// The CSS Custom Property for the `text-helper` token
+$text-helper: _get('text-helper') !default;
+
+/// The CSS Custom Property for the `text-error` token
+$text-error: _get('text-error') !default;
+
+/// The CSS Custom Property for the `text-inverse` token
+$text-inverse: _get('text-inverse') !default;
+
+/// The CSS Custom Property for the `text-on-color` token
+$text-on-color: _get('text-on-color') !default;
+
+/// The CSS Custom Property for the `text-on-color-disabled` token
+$text-on-color-disabled: _get('text-on-color-disabled') !default;
+
+/// The CSS Custom Property for the `text-disabled` token
+$text-disabled: _get('text-disabled') !default;
+
+/// The CSS Custom Property for the `link-primary` token
+$link-primary: _get('link-primary') !default;
+
+/// The CSS Custom Property for the `link-primary-hover` token
+$link-primary-hover: _get('link-primary-hover') !default;
+
+/// The CSS Custom Property for the `link-secondary` token
+$link-secondary: _get('link-secondary') !default;
+
+/// The CSS Custom Property for the `link-visited` token
+$link-visited: _get('link-visited') !default;
+
+/// The CSS Custom Property for the `link-inverse` token
+$link-inverse: _get('link-inverse') !default;
+
+/// The CSS Custom Property for the `link-inverse-active` token
+$link-inverse-active: _get('link-inverse-active') !default;
+
+/// The CSS Custom Property for the `link-inverse-hover` token
+$link-inverse-hover: _get('link-inverse-hover') !default;
+
+/// The CSS Custom Property for the `icon-primary` token
+$icon-primary: _get('icon-primary') !default;
+
+/// The CSS Custom Property for the `icon-secondary` token
+$icon-secondary: _get('icon-secondary') !default;
+
+/// The CSS Custom Property for the `icon-inverse` token
+$icon-inverse: _get('icon-inverse') !default;
+
+/// The CSS Custom Property for the `icon-on-color` token
+$icon-on-color: _get('icon-on-color') !default;
+
+/// The CSS Custom Property for the `icon-on-color-disabled` token
+$icon-on-color-disabled: _get('icon-on-color-disabled') !default;
+
+/// The CSS Custom Property for the `icon-disabled` token
+$icon-disabled: _get('icon-disabled') !default;
+
+/// The CSS Custom Property for the `support-error` token
+$support-error: _get('support-error') !default;
+
+/// The CSS Custom Property for the `support-success` token
+$support-success: _get('support-success') !default;
+
+/// The CSS Custom Property for the `support-warning` token
+$support-warning: _get('support-warning') !default;
+
+/// The CSS Custom Property for the `support-info` token
+$support-info: _get('support-info') !default;
+
+/// The CSS Custom Property for the `support-error-inverse` token
+$support-error-inverse: _get('support-error-inverse') !default;
+
+/// The CSS Custom Property for the `support-success-inverse` token
+$support-success-inverse: _get('support-success-inverse') !default;
+
+/// The CSS Custom Property for the `support-warning-inverse` token
+$support-warning-inverse: _get('support-warning-inverse') !default;
+
+/// The CSS Custom Property for the `support-info-inverse` token
+$support-info-inverse: _get('support-info-inverse') !default;
+
+/// The CSS Custom Property for the `support-caution-major` token
+$support-caution-major: _get('support-caution-major') !default;
+
+/// The CSS Custom Property for the `support-caution-minor` token
+$support-caution-minor: _get('support-caution-minor') !default;
+
+/// The CSS Custom Property for the `support-caution-undefined` token
+$support-caution-undefined: _get('support-caution-undefined') !default;
+
+/// The CSS Custom Property for the `highlight` token
+$highlight: _get('highlight') !default;
+
+/// The CSS Custom Property for the `overlay` token
+$overlay: _get('overlay') !default;
+
+/// The CSS Custom Property for the `toggle-off` token
+$toggle-off: _get('toggle-off') !default;
+
+/// The CSS Custom Property for the `shadow` token
+$shadow: _get('shadow') !default;
+
+/// The CSS Custom Property for the `focus` token
+$focus: _get('focus') !default;
+
+/// The CSS Custom Property for the `focus-inset` token
+$focus-inset: _get('focus-inset') !default;
+
+/// The CSS Custom Property for the `focus-inverse` token
+$focus-inverse: _get('focus-inverse') !default;
+
+/// The CSS Custom Property for the `skeleton-background` token
+$skeleton-background: _get('skeleton-background') !default;
+
+/// The CSS Custom Property for the `skeleton-element` token
+$skeleton-element: _get('skeleton-element') !default;