{
  "aliases": {
    "PALETTE_DARK_GRAY_TRANSPARENT_40": {
      "value": "rgba(8, 7, 7, 0.4)"
    },
    "WHITE_TRANSPARENT_30": {
      "value": "rgba(255, 255, 255, 0.30)"
    },
    "PALETTE_GRAY_8": {
      "value": "#969492"
    },
    "WHITE_TRANSPARENT_75": {
      "value": "rgba(255, 255, 255, 0.75)"
    },
    "WHITE_TRANSPARENT_97": {
      "value": "rgba(255, 255, 255, 0.97)"
    },
    "PALETTE_DARK_GRAY_TRANSPARENT_30": {
      "value": "rgba(8, 7, 7, 0.3)"
    },
    "WHITE_TRANSPARENT_20": {
      "value": "rgba(255, 255, 255, 0.20)"
    },
    "PALETTE_GRAY_9": {
      "value": "#706e6b"
    },
    "PALETTE_DARK_GRAY_TRANSPARENT_20": {
      "value": "rgba(8, 7, 7, 0.2)"
    },
    "WHITE_TRANSPARENT_10": {
      "value": "rgba(255, 255, 255, 0.10)"
    },
    "PALETTE_DARK_GRAY_TRANSPARENT_10": {
      "value": "rgba(8, 7, 7, 0.1)"
    },
    "BLACK_TRANSPARENT_90": {
      "value": "rgba(0, 0, 0, 0.90)"
    },
    "PALETTE_WARM_GRAY_10": {
      "value": "#514f4d"
    },
    "BLACK_TRANSPARENT_80": {
      "value": "rgba(0, 0, 0, 0.80)"
    },
    "PALETTE_WARM_GRAY_11": {
      "value": "#3e3e3c"
    },
    "BLACK_TRANSPARENT_70": {
      "value": "rgba(0, 0, 0, 0.70)"
    },
    "PALETTE_WARM_GRAY_12": {
      "value": "#2B2826"
    },
    "BLACK_TRANSPARENT_60": {
      "value": "rgba(0, 0, 0, 0.60)"
    },
    "PALETTE_COOL_GRAY_1": {
      "value": "#FFFFFF"
    },
    "WHITE_TRANSPARENT_15": {
      "value": "rgba(255, 255, 255, 0.15)"
    },
    "PALETTE_WARM_GRAY_13": {
      "value": "#080707"
    },
    "BLACK_TRANSPARENT_50": {
      "value": "rgba(0, 0, 0, 0.50)"
    },
    "PALETTE_COOL_GRAY_2": {
      "value": "#F9F9FA"
    },
    "WHITE": {
      "value": "#FFFFFF"
    },
    "BLACK_TRANSPARENT_40": {
      "value": "rgba(0, 0, 0, 0.40)"
    },
    "PALETTE_COOL_GRAY_10": {
      "value": "#4E5356"
    },
    "PALETTE_COOL_GRAY_3": {
      "value": "#F2F2F3"
    },
    "BLACK_TRANSPARENT_30": {
      "value": "rgba(0, 0, 0, 0.30)"
    },
    "PALETTE_COOL_GRAY_11": {
      "value": "#3E4041"
    },
    "PALETTE_COOL_GRAY_4": {
      "value": "#E9EAEC"
    },
    "PALETTE_WARM_GRAY_1": {
      "value": "#FFFFFF"
    },
    "BLACK_TRANSPARENT_20": {
      "value": "rgba(0, 0, 0, 0.20)"
    },
    "PALETTE_COOL_GRAY_12": {
      "value": "#292C2E"
    },
    "PALETTE_COOL_GRAY_5": {
      "value": "#D9DBDD"
    },
    "PALETTE_WARM_GRAY_2": {
      "value": "#fafaf9"
    },
    "BLACK_TRANSPARENT_10": {
      "value": "rgba(0, 0, 0, 0.10)"
    },
    "PALETTE_COOL_GRAY_13": {
      "value": "#070808"
    },
    "PALETTE_COOL_GRAY_6": {
      "value": "#C4C6CA"
    },
    "PALETTE_WARM_GRAY_3": {
      "value": "#f3f2f2"
    },
    "PALETTE_COOL_GRAY_7": {
      "value": "#ABADB0"
    },
    "PALETTE_WARM_GRAY_4": {
      "value": "#ecebea"
    },
    "PALETTE_COOL_GRAY_8": {
      "value": "#919297"
    },
    "PALETTE_WARM_GRAY_5": {
      "value": "#dddbda"
    },
    "BLACK_TRANSPARENT_24": {
      "value": "rgba(0, 0, 0, 0.24)"
    },
    "PALETTE_COOL_GRAY_9": {
      "value": "#6B6D70"
    },
    "PALETTE_WARM_GRAY_6": {
      "value": "#c9c7c5"
    },
    "PALETTE_WARM_GRAY_7": {
      "value": "#b0adab"
    },
    "PALETTE_WARM_GRAY_8": {
      "value": "#969492"
    },
    "BLACK_TRANSPARENT_05": {
      "value": "rgba(0, 0, 0, 0.05)"
    },
    "BLACK_TRANSPARENT_16": {
      "value": "rgba(0, 0, 0, 0.16)"
    },
    "PALETTE_WARM_GRAY_9": {
      "value": "#706e6b"
    },
    "PALETTE_LIGHT_GRAY_TRANSPARENT_90": {
      "value": "rgba(255, 255, 255, 0.9)"
    },
    "BLACK_TRANSPARENT_07": {
      "value": "rgba(0, 0, 0, 0.07)"
    },
    "PALETTE_LIGHT_GRAY_TRANSPARENT_80": {
      "value": "rgba(255, 255, 255, 0.8)"
    },
    "PALETTE_LIGHT_GRAY_TRANSPARENT_70": {
      "value": "rgba(255, 255, 255, 0.7)"
    },
    "PALETTE_LIGHT_GRAY_TRANSPARENT_60": {
      "value": "rgba(255, 255, 255, 0.6)"
    },
    "PALETTE_LIGHT_GRAY_TRANSPARENT_50": {
      "value": "rgba(255, 255, 255, 0.5)"
    },
    "PALETTE_GRAY_10": {
      "value": "#514f4d"
    },
    "PALETTE_LIGHT_GRAY_TRANSPARENT_40": {
      "value": "rgba(255, 255, 255, 0.4)"
    },
    "PALETTE_GRAY_11": {
      "value": "#3e3e3c"
    },
    "PALETTE_LIGHT_GRAY_TRANSPARENT_30": {
      "value": "rgba(255, 255, 255, 0.3)"
    },
    "PALETTE_GRAY_12": {
      "value": "#2B2826"
    },
    "PALETTE_GRAY_1": {
      "value": "#FFFFFF"
    },
    "PALETTE_LIGHT_GRAY_TRANSPARENT_20": {
      "value": "rgba(255, 255, 255, 0.2)"
    },
    "WHITE_TRANSPARENT_90": {
      "value": "rgba(255, 255, 255, 0.90)"
    },
    "PALETTE_GRAY_13": {
      "value": "#080707"
    },
    "PALETTE_GRAY_2": {
      "value": "#fafaf9"
    },
    "WHITE_TRANSPARENT_80": {
      "value": "rgba(255, 255, 255, 0.80)"
    },
    "PALETTE_DARK_GRAY_TRANSPARENT_90": {
      "value": "rgba(8, 7, 7, 0.9)"
    },
    "PALETTE_GRAY_3": {
      "value": "#f3f2f2"
    },
    "PALETTE_LIGHT_GRAY_TRANSPARENT_10": {
      "value": "rgba(255, 255, 255, 0.1)"
    },
    "PALETTE_DARK_GRAY_TRANSPARENT_80": {
      "value": "rgba(8, 7, 7, 0.8)"
    },
    "PALETTE_GRAY_4": {
      "value": "#ecebea"
    },
    "PALETTE_DARK_GRAY_TRANSPARENT_70": {
      "value": "rgba(8, 7, 7, 0.7)"
    },
    "PALETTE_GRAY_5": {
      "value": "#dddbda"
    },
    "WHITE_TRANSPARENT_60": {
      "value": "rgba(255, 255, 255, 0.60)"
    },
    "PALETTE_DARK_GRAY_TRANSPARENT_60": {
      "value": "rgba(8, 7, 7, 0.6)"
    },
    "PALETTE_GRAY_6": {
      "value": "#c9c7c5"
    },
    "WHITE_TRANSPARENT_50": {
      "value": "rgba(255, 255, 255, 0.50)"
    },
    "PALETTE_DARK_GRAY_TRANSPARENT_50": {
      "value": "rgba(8, 7, 7, 0.5)"
    },
    "WHITE_TRANSPARENT_40": {
      "value": "rgba(255, 255, 255, 0.40)"
    },
    "PALETTE_GRAY_7": {
      "value": "#b0adab"
    },
    "BLACK": {
      "value": "#000000"
    },
    "ALUMINIUM_BLUE": {
      "value": "hsl(210, 25%, 48%)"
    },
    "FOREST_GREEN": {
      "value": "#027E46"
    },
    "KOROMIKO": {
      "value": "#FFB75D"
    },
    "RAIN_PURPLE_900": {
      "value": "hsl(257, 39.2%, 42%)"
    },
    "SUNSHADE": {
      "value": "#FF9E2C"
    },
    "FUN_GREEN": {
      "value": "#028048"
    },
    "ATHENS_BLUE": {
      "value": "hsl(210, 42.36%, 96.53%)"
    },
    "ROME_BLUE": {
      "value": "hsl(210, 30.56%, 82.72%)"
    },
    "EMERALD": {
      "value": "#4BCA81"
    },
    "MALIBU": {
      "value": "#5EB4FF"
    },
    "SEA_GREEN_100": {
      "value": "hsl(177, 64.7%, 51.9%)"
    },
    "GEYSER": {
      "value": "#D8DDE6"
    },
    "RHINO_BLUE": {
      "value": "hsl(210, 42.86%, 28%)"
    },
    "SALEM": {
      "value": "#04844B"
    },
    "SEA_GREEN_300": {
      "value": "hsl(177, 61.3%, 47.1%)"
    },
    "REGENT_GREY": {
      "value": "#7E8C99"
    },
    "MIDNIGHT_BLUE": {
      "value": "#00396B"
    },
    "SEA_GREEN_500": {
      "value": "hsl(177, 62.6%, 41.2%)"
    },
    "GHOST_BLUE": {
      "value": "hsl(210, 25.93%, 59.5%)"
    },
    "SKY_BLUE_100": {
      "value": "hsl(208, 93.3%, 70.1%)"
    },
    "SEA_GREEN_700": {
      "value": "hsl(177, 65.3%, 35.7%)"
    },
    "CERULEAN": {
      "value": "#00A1DF"
    },
    "SNOWY_MINT": {
      "value": "#D9FFDF"
    },
    "KAITOKE_GREEN": {
      "value": "#004a29"
    },
    "SKY_BLUE_300": {
      "value": "hsl(208, 89.6%, 61.4%)"
    },
    "SEA_GREEN_900": {
      "value": "hsl(177, 65.3%, 30.9%)"
    },
    "ENDEAVOUR": {
      "value": "#005FB2"
    },
    "TANGERINE": {
      "value": "#FF9A3C"
    },
    "SANTORINI": {
      "value": "#006DCC"
    },
    "DEEP_BLUSH": {
      "value": "#EA8288"
    },
    "SKY_BLUE_500": {
      "value": "hsl(208, 84.3%, 55.3%)"
    },
    "TOREA_BAY": {
      "value": "#0B2399"
    },
    "DEEP_COVE": {
      "value": "#061C3F"
    },
    "AZURE": {
      "value": "#1589EE"
    },
    "BISCAY": {
      "value": "#16325C"
    },
    "MAROON": {
      "value": "#870500"
    },
    "SKY_BLUE_700": {
      "value": "hsl(208, 73.9%, 48.3%)"
    },
    "STEAM": {
      "value": "#E0E5EE"
    },
    "CINNAMON": {
      "value": "#844800"
    },
    "VALENCIA": {
      "value": "#D4504C"
    },
    "SKY_BLUE_900": {
      "value": "hsl(208, 77%, 41.8%)"
    },
    "LINK_WATER": {
      "value": "#F4F6F9"
    },
    "TRANSPARENT": {
      "value": "transparent"
    },
    "TABASCO": {
      "value": "#A61A14"
    },
    "BIGSTONE_BLUE": {
      "value": "hsl(210, 66.67%, 12%)"
    },
    "SPIDER_BLUE": {
      "value": "hsl(210, 28.57%, 72%)"
    },
    "SCIENCE_BLUE": {
      "value": "#0070D2"
    },
    "LEMON_CHIFFON": {
      "value": "#FAFFBD"
    },
    "SAN_JUAN": {
      "value": "#2A426C"
    },
    "RAIN_PURPLE_100": {
      "value": "hsl(257, 83.1%, 76.3%)"
    },
    "MEXICAN_RED": {
      "value": "#A12B2B"
    },
    "ROLLINGSTONE_BLUE": {
      "value": "hsl(210, 33.33%, 37.5%)"
    },
    "WHITE_LILAC": {
      "value": "#EEF1F6"
    },
    "FLUSH_MAHOGANY": {
      "value": "#C23934"
    },
    "GRADIENT_SHADOW_BOTTOM": {
      "value": "linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 100%)"
    },
    "RAIN_PURPLE_300": {
      "value": "hsl(257, 72.2%, 67.6%)"
    },
    "GORSE": {
      "value": "#fff03f"
    },
    "REGENT_GREY_TRANSPARENT_80": {
      "value": "rgba(126, 140, 153, 0.80)"
    },
    "ZODIAC_BLUE": {
      "value": "hsl(210, 53.85%, 19.5%)"
    },
    "RAIN_PURPLE_500": {
      "value": "hsl(257, 61.2%, 58.8%)"
    },
    "PIPPIN": {
      "value": "#FFDDE1"
    },
    "SPARTA_BLUE": {
      "value": "hsl(210, 32.2%, 92.62%)"
    },
    "PATTEN_BLUE": {
      "value": "#D8EDFF"
    },
    "RAIN_PURPLE_700": {
      "value": "hsl(257, 50.2%, 50%)"
    },
    "SPACING_X_SMALL": {
      "value": "0.5rem"
    },
    "SPACING_XXX_SMALL": {
      "value": "0.125rem"
    },
    "SPACING_XX_SMALL": {
      "value": "0.25rem"
    },
    "SPACING_SMALL": {
      "value": "0.75rem"
    },
    "SPACING_MEDIUM": {
      "value": "1rem"
    },
    "SPACING_NONE": {
      "value": "0"
    },
    "SPACING_X_LARGE": {
      "value": "2rem"
    },
    "SPACING_XX_LARGE": {
      "value": "3rem"
    },
    "SPACING_LARGE": {
      "value": "1.5rem"
    },
    "FONT_SIZE_1": {
      "value": "0.625rem"
    },
    "FONT_SIZE_2": {
      "value": "0.75rem"
    },
    "FONT_SIZE_3": {
      "value": "0.8125rem"
    },
    "FONT_SIZE_4": {
      "value": "0.875rem"
    },
    "FONT_SIZE_5": {
      "value": "1rem"
    },
    "FONT_SIZE_6": {
      "value": "1.125rem"
    },
    "FONT_SIZE_7": {
      "value": "1.25rem"
    },
    "FONT_SIZE_8": {
      "value": "1.5rem"
    },
    "FONT_SIZE_9": {
      "value": "1.75rem"
    },
    "FONT_SIZE_10": {
      "value": "2rem"
    },
    "FONT_SIZE_11": {
      "value": "2.625rem"
    }
  },
  "props": {
    "AVATAR_GROUP_COLOR_BACKGROUND_LIGHTEST": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "White avatar group background color.",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "AVATAR_GROUP_COLOR_BACKGROUND_LIGHTEST"
    },
    "AVATAR_GROUP_COLOR_BACKGROUND_INVERSE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#706e6b",
      "comment": "Dark gray avatar group background color.",
      "originalValue": "{!PALETTE_GRAY_9}",
      "name": "AVATAR_GROUP_COLOR_BACKGROUND_INVERSE"
    },
    "BADGE_COLOR_BACKGROUND_LIGHTEST": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "White badge background color.",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "BADGE_COLOR_BACKGROUND_LIGHTEST"
    },
    "BADGE_COLOR_BACKGROUND_INVERSE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#706e6b",
      "comment": "Dark gray badge background color.",
      "originalValue": "{!PALETTE_GRAY_9}",
      "name": "BADGE_COLOR_BACKGROUND_INVERSE"
    },
    "BRAND_BAND_DEFAULT_IMAGE": {
      "scope": "component",
      "type": "string",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "",
      "originalValue": "",
      "name": "BRAND_BAND_DEFAULT_IMAGE"
    },
    "BRAND_BAND_COLOR_BACKGROUND_PRIMARY": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "transparent",
      "originalValue": "transparent",
      "name": "BRAND_BAND_COLOR_BACKGROUND_PRIMARY"
    },
    "BRAND_BAND_COLOR_BACKGROUND_PRIMARY_TRANSPARENT": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "transparent",
      "originalValue": "transparent",
      "name": "BRAND_BAND_COLOR_BACKGROUND_PRIMARY_TRANSPARENT"
    },
    "BRAND_BAND_COLOR_BACKGROUND_SECONDARY": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "transparent",
      "originalValue": "transparent",
      "name": "BRAND_BAND_COLOR_BACKGROUND_SECONDARY"
    },
    "BRAND_BAND_COLOR_BACKGROUND_SECONDARY_TRANSPARENT": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "transparent",
      "originalValue": "transparent",
      "name": "BRAND_BAND_COLOR_BACKGROUND_SECONDARY_TRANSPARENT"
    },
    "BRAND_BAND_IMAGE_HEIGHT_SMALL": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "*width",
        "*height"
      ],
      "value": "6rem",
      "originalValue": "6rem",
      "name": "BRAND_BAND_IMAGE_HEIGHT_SMALL"
    },
    "BRAND_BAND_IMAGE_HEIGHT_MEDIUM": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "*width",
        "*height"
      ],
      "value": "12.5rem",
      "originalValue": "12.5rem",
      "name": "BRAND_BAND_IMAGE_HEIGHT_MEDIUM"
    },
    "BRAND_BAND_IMAGE_HEIGHT_LARGE": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "*width",
        "*height"
      ],
      "value": "18.75rem",
      "originalValue": "18.75rem",
      "name": "BRAND_BAND_IMAGE_HEIGHT_LARGE"
    },
    "BRAND_BAND_SCRIM_HEIGHT": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "*width",
        "*height"
      ],
      "value": "3.125rem",
      "originalValue": "3.125rem",
      "name": "BRAND_BAND_SCRIM_HEIGHT"
    },
    "TEMPLATE_GUTTERS": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "cssProperties": [
        "margin*",
        "padding*"
      ],
      "value": "0",
      "originalValue": "0",
      "name": "TEMPLATE_GUTTERS"
    },
    "TEMPLATE_PROFILE_GUTTERS": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "cssProperties": [
        "margin*",
        "padding*"
      ],
      "value": "0",
      "originalValue": "0",
      "name": "TEMPLATE_PROFILE_GUTTERS"
    },
    "BUTTON_ICON_COLOR_BORDER_PRIMARY": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "BUTTON_ICON_COLOR_BORDER_PRIMARY"
    },
    "BUTTON_COLOR_BORDER_PRIMARY": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#D8DDE6",
      "originalValue": "{!GEYSER}",
      "name": "BUTTON_COLOR_BORDER_PRIMARY"
    },
    "BUTTON_COLOR_BORDER_BRAND_PRIMARY": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#0070D2",
      "originalValue": "{!SCIENCE_BLUE}",
      "name": "BUTTON_COLOR_BORDER_BRAND_PRIMARY"
    },
    "BUTTON_COLOR_BORDER_SECONDARY": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "rgba(255, 255, 255, 0.80)",
      "originalValue": "{!WHITE_TRANSPARENT_80}",
      "name": "BUTTON_COLOR_BORDER_SECONDARY"
    },
    "BUTTON_BORDER_RADIUS": {
      "scope": "component",
      "type": "size",
      "category": "radius",
      "cssProperties": [
        "border*radius"
      ],
      "value": ".25rem",
      "originalValue": ".25rem",
      "name": "BUTTON_BORDER_RADIUS"
    },
    "COLOR_BACKGROUND_BUTTON_DEFAULT_FOCUS": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#F4F6F9",
      "comment": "Default secondary button - focus state",
      "originalValue": "{!LINK_WATER}",
      "name": "COLOR_BACKGROUND_BUTTON_DEFAULT_FOCUS"
    },
    "BUTTON_COLOR_BACKGROUND_BRAND_PRIMARY": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#0070D2",
      "originalValue": "{!SCIENCE_BLUE}",
      "name": "BUTTON_COLOR_BACKGROUND_BRAND_PRIMARY"
    },
    "COLOR_BACKGROUND_BUTTON_INVERSE_DISABLED": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "transparent",
      "comment": "Disabled button backgrounds on inverse/dark backgrounds",
      "originalValue": "{!TRANSPARENT}",
      "name": "COLOR_BACKGROUND_BUTTON_INVERSE_DISABLED"
    },
    "COLOR_BACKGROUND_BUTTON_DEFAULT_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#F4F6F9",
      "comment": "Default secondary button - hover state",
      "originalValue": "{!LINK_WATER}",
      "name": "COLOR_BACKGROUND_BUTTON_DEFAULT_HOVER"
    },
    "COLOR_BACKGROUND_BUTTON_DEFAULT": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Default secondary button",
      "originalValue": "{!WHITE}",
      "name": "COLOR_BACKGROUND_BUTTON_DEFAULT"
    },
    "COLOR_BACKGROUND_BUTTON_ICON_DISABLED": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Background color for icon-only button - disabled state",
      "originalValue": "{!WHITE}",
      "name": "COLOR_BACKGROUND_BUTTON_ICON_DISABLED"
    },
    "COLOR_BACKGROUND_BUTTON_ICON_FOCUS": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#F4F6F9",
      "comment": "Background color for icon-only button - focus state",
      "originalValue": "{!LINK_WATER}",
      "name": "COLOR_BACKGROUND_BUTTON_ICON_FOCUS"
    },
    "BUTTON_COLOR_BACKGROUND_SECONDARY": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "rgba(255, 255, 255, 0.80)",
      "originalValue": "{!WHITE_TRANSPARENT_80}",
      "name": "BUTTON_COLOR_BACKGROUND_SECONDARY"
    },
    "COLOR_BACKGROUND_BUTTON_BRAND_DISABLED": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#E0E5EE",
      "comment": "Brandable primary button - disabled state",
      "originalValue": "{!STEAM}",
      "name": "COLOR_BACKGROUND_BUTTON_BRAND_DISABLED"
    },
    "COLOR_BACKGROUND_BUTTON_BRAND_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#005FB2",
      "comment": "Brandable primary button - hover state",
      "originalValue": "{!ENDEAVOUR}",
      "name": "COLOR_BACKGROUND_BUTTON_BRAND_HOVER"
    },
    "COLOR_BACKGROUND_BUTTON_INVERSE_ACTIVE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "rgba(0, 0, 0, 0.24)",
      "comment": "Active button backgrounds on inverse backgrounds on mobile",
      "originalValue": "{!BLACK_TRANSPARENT_24}",
      "name": "COLOR_BACKGROUND_BUTTON_INVERSE_ACTIVE"
    },
    "COLOR_BACKGROUND_BUTTON_ICON_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#F4F6F9",
      "comment": "Background color for icon-only button - hover state",
      "originalValue": "{!LINK_WATER}",
      "name": "COLOR_BACKGROUND_BUTTON_ICON_HOVER"
    },
    "COLOR_BACKGROUND_BUTTON_BRAND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#0070D2",
      "comment": "Brandable primary button",
      "originalValue": "{!SCIENCE_BLUE}",
      "name": "COLOR_BACKGROUND_BUTTON_BRAND"
    },
    "COLOR_BACKGROUND_BUTTON_ICON": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "transparent",
      "comment": "Background color for icon-only button",
      "originalValue": "{!TRANSPARENT}",
      "name": "COLOR_BACKGROUND_BUTTON_ICON"
    },
    "COLOR_BACKGROUND_BUTTON_DEFAULT_DISABLED": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Default secondary button - disabled state",
      "originalValue": "{!WHITE}",
      "name": "COLOR_BACKGROUND_BUTTON_DEFAULT_DISABLED"
    },
    "COLOR_BACKGROUND_BUTTON_ICON_ACTIVE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#EEF1F6",
      "comment": "Background color for icon-only button - active state",
      "originalValue": "{!WHITE_LILAC}",
      "name": "COLOR_BACKGROUND_BUTTON_ICON_ACTIVE"
    },
    "COLOR_BACKGROUND_BUTTON_BRAND_ACTIVE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#00396B",
      "comment": "Brandable primary button - active state",
      "originalValue": "{!MIDNIGHT_BLUE}",
      "name": "COLOR_BACKGROUND_BUTTON_BRAND_ACTIVE"
    },
    "COLOR_BACKGROUND_BUTTON_INVERSE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "transparent",
      "comment": "Button backgrounds on inverse/dark backgrounds",
      "originalValue": "{!TRANSPARENT}",
      "name": "COLOR_BACKGROUND_BUTTON_INVERSE"
    },
    "BUTTON_COLOR_BACKGROUND_PRIMARY": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "originalValue": "{!WHITE}",
      "name": "BUTTON_COLOR_BACKGROUND_PRIMARY"
    },
    "COLOR_BACKGROUND_BUTTON_DEFAULT_ACTIVE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#EEF1F6",
      "comment": "Default secondary button - active state",
      "originalValue": "{!WHITE_LILAC}",
      "name": "COLOR_BACKGROUND_BUTTON_DEFAULT_ACTIVE"
    },
    "LINE_HEIGHT_BUTTON": {
      "originalValue": "1.875rem",
      "access": "global",
      "name": "LINE_HEIGHT_BUTTON",
      "value": "1.875rem",
      "scope": "component",
      "cssProperties": [
        "font",
        "*height",
        "bottom"
      ],
      "type": "number",
      "category": "line-height",
      "comment": "Line heights for regular buttons"
    },
    "LINE_HEIGHT_BUTTON_SMALL": {
      "originalValue": "1.75rem",
      "access": "global",
      "name": "LINE_HEIGHT_BUTTON_SMALL",
      "value": "1.75rem",
      "scope": "component",
      "cssProperties": [
        "font",
        "*height"
      ],
      "type": "number",
      "category": "line-height",
      "comment": "Line heights for small buttons"
    },
    "BUTTON_COLOR_TEXT_PRIMARY": {
      "scope": "component",
      "type": "color",
      "category": "text-color",
      "cssProperties": [
        "color",
        "fill"
      ],
      "value": "#FFFFFF",
      "originalValue": "{!WHITE}",
      "name": "BUTTON_COLOR_TEXT_PRIMARY"
    },
    "CARD_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Default Card component background color.",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "CARD_COLOR_BACKGROUND"
    },
    "CARD_COLOR_BORDER": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#dddbda",
      "originalValue": "{!PALETTE_GRAY_5}",
      "name": "CARD_COLOR_BORDER"
    },
    "CARD_FOOTER_COLOR_BORDER": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "transparent",
      "originalValue": "transparent",
      "name": "CARD_FOOTER_COLOR_BORDER"
    },
    "CARD_SHADOW": {
      "scope": "component",
      "type": "box-shadow",
      "category": "shadow",
      "cssProperties": [
        "box-shadow"
      ],
      "value": "none",
      "originalValue": "none",
      "name": "CARD_SHADOW"
    },
    "CARD_FONT_WEIGHT": {
      "scope": "component",
      "category": "font",
      "type": "font-weight",
      "cssProperties": [
        "font",
        "font-weight"
      ],
      "value": "400",
      "comment": "Use for active tab.",
      "originalValue": "400",
      "name": "CARD_FONT_WEIGHT"
    },
    "CARD_FOOTER_MARGIN": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "value": "0.75rem",
      "originalValue": "{!SPACING_SMALL}",
      "name": "CARD_FOOTER_MARGIN"
    },
    "CARD_BODY_PADDING": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "value": "0 1rem",
      "originalValue": "0 {!SPACING_MEDIUM}",
      "name": "CARD_BODY_PADDING"
    },
    "CARD_WRAPPER_SPACING": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "value": "1rem",
      "originalValue": "{!SPACING_MEDIUM}",
      "name": "CARD_WRAPPER_SPACING"
    },
    "CARD_HEADER_PADDING": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "value": "0.75rem 1rem 0",
      "originalValue": "{!SPACING_SMALL} {!SPACING_MEDIUM} 0",
      "name": "CARD_HEADER_PADDING"
    },
    "CARD_SPACING_LARGE": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "value": "1.5rem",
      "originalValue": "{!SPACING_LARGE}",
      "name": "CARD_SPACING_LARGE"
    },
    "CARD_HEADER_MARGIN": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "value": "0 0 0.75rem",
      "originalValue": "0 0 {!SPACING_SMALL}",
      "name": "CARD_HEADER_MARGIN"
    },
    "CARD_SPACING_MARGIN": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "comment": "Use for vertical spacing between cards",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "value": "1rem",
      "originalValue": "{!SPACING_MEDIUM}",
      "name": "CARD_SPACING_MARGIN"
    },
    "CARD_FOOTER_PADDING": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "value": "0 1rem 0.75rem",
      "originalValue": "0 {!SPACING_MEDIUM} {!SPACING_SMALL}",
      "name": "CARD_FOOTER_PADDING"
    },
    "CARD_SPACING_SMALL": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "value": "0.75rem",
      "originalValue": "{!SPACING_SMALL}",
      "name": "CARD_SPACING_SMALL"
    },
    "CARD_FOOTER_TEXT_ALIGN": {
      "scope": "component",
      "category": "text",
      "type": "text-align",
      "cssProperties": [
        "text-align"
      ],
      "value": "right",
      "originalValue": "right",
      "name": "CARD_FOOTER_TEXT_ALIGN"
    },
    "CAROUSEL_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Default background for carousel card",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "CAROUSEL_COLOR_BACKGROUND"
    },
    "CAROUSEL_INDICATOR_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Default background for carousel navigation indicators",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "CAROUSEL_INDICATOR_COLOR_BACKGROUND"
    },
    "CAROUSEL_INDICATOR_COLOR_BACKGROUND_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#fafaf9",
      "comment": "Default hover background for carousel navigation indicators",
      "originalValue": "{!PALETTE_GRAY_2}",
      "name": "CAROUSEL_INDICATOR_COLOR_BACKGROUND_HOVER"
    },
    "CAROUSEL_INDICATOR_COLOR_BACKGROUND_FOCUS": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#005FB2",
      "comment": "Default focus background for carousel navigation indicators",
      "originalValue": "{!ENDEAVOUR}",
      "name": "CAROUSEL_INDICATOR_COLOR_BACKGROUND_FOCUS"
    },
    "CAROUSEL_INDICATOR_COLOR_BACKGROUND_ACTIVE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#0070D2",
      "comment": "Default background for active state on carousel navigation indicators",
      "originalValue": "{!SCIENCE_BLUE}",
      "name": "CAROUSEL_INDICATOR_COLOR_BACKGROUND_ACTIVE"
    },
    "CAROUSEL_INDICATOR_WIDTH": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "1rem",
      "comment": "Default width for carousel indicator width",
      "originalValue": "1rem",
      "name": "CAROUSEL_INDICATOR_WIDTH"
    },
    "CHAT_MESSAGE_COLOR_BACKGROUND_INBOUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#F2F2F3",
      "comment": "Inbound chat message background color.",
      "originalValue": "{!PALETTE_COOL_GRAY_3}",
      "name": "CHAT_MESSAGE_COLOR_BACKGROUND_INBOUND"
    },
    "CHAT_MESSAGE_COLOR_BACKGROUND_OUTBOUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#005FB2",
      "comment": "Outbound chat message background color.",
      "originalValue": "{!ENDEAVOUR}",
      "name": "CHAT_MESSAGE_COLOR_BACKGROUND_OUTBOUND"
    },
    "CHAT_MESSAGE_COLOR_BACKGROUND_OUTBOUND_AGENT": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#6B6D70",
      "comment": "Outbound agent chat message background color.",
      "originalValue": "{!PALETTE_COOL_GRAY_9}",
      "name": "CHAT_MESSAGE_COLOR_BACKGROUND_OUTBOUND_AGENT"
    },
    "CHAT_MESSAGE_COLOR_BACKGROUND_STATUS": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Status chat message background color.",
      "originalValue": "{!PALETTE_COOL_GRAY_1}",
      "name": "CHAT_MESSAGE_COLOR_BACKGROUND_STATUS"
    },
    "LINE_HEIGHT_TOGGLE": {
      "scope": "component",
      "category": "line-height",
      "type": "number",
      "cssProperties": [
        "font",
        "*height"
      ],
      "value": "1.3rem",
      "comment": "Line heights for toggle buttons",
      "originalValue": "1.3rem",
      "name": "LINE_HEIGHT_TOGGLE"
    },
    "SQUARE_TOGGLE_SLIDER": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "1.25rem",
      "comment": "Slider size for toggle.",
      "originalValue": "1.25rem",
      "name": "SQUARE_TOGGLE_SLIDER"
    },
    "WIDTH_TOGGLE": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "3rem",
      "comment": "Slider width.",
      "originalValue": "3rem",
      "name": "WIDTH_TOGGLE"
    },
    "HEIGHT_TOGGLE": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "1.5rem",
      "comment": "Slider height.",
      "originalValue": "1.5rem",
      "name": "HEIGHT_TOGGLE"
    },
    "COLOR_PICKER_SLIDER_THUMB_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "#fafaf9",
      "originalValue": "{!PALETTE_GRAY_2}",
      "name": "COLOR_PICKER_SLIDER_THUMB_COLOR_BACKGROUND"
    },
    "COLOR_PICKER_SLIDER_THUMB_BORDER_COLOR": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*"
      ],
      "value": "#514f4d",
      "originalValue": "{!PALETTE_GRAY_10}",
      "name": "COLOR_PICKER_SLIDER_THUMB_BORDER_COLOR"
    },
    "COLOR_PICKER_SWATCH_SHADOW": {
      "scope": "component",
      "type": "box-shadow",
      "category": "shadow",
      "cssProperties": [
        "box-shadow"
      ],
      "value": "inset 0 0 1px rgba(0,0,0,0.4)",
      "originalValue": "inset 0 0 1px rgba(0,0,0,0.4)",
      "name": "COLOR_PICKER_SWATCH_SHADOW"
    },
    "COLOR_PICKER_INPUT_CUSTOM_HEX_FONT_SIZE": {
      "scope": "component",
      "category": "font-size",
      "type": "font-size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "value": "0.75rem",
      "originalValue": "0.75rem",
      "name": "COLOR_PICKER_INPUT_CUSTOM_HEX_FONT_SIZE"
    },
    "COLOR_PICKER_SELECTOR_WIDTH": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "14rem",
      "originalValue": "14rem",
      "name": "COLOR_PICKER_SELECTOR_WIDTH"
    },
    "COLOR_PICKER_SWATCHES_WIDTH": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "13.3rem",
      "originalValue": "13.3rem",
      "name": "COLOR_PICKER_SWATCHES_WIDTH"
    },
    "COLOR_PICKER_RANGE_HEIGHT": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "5rem",
      "originalValue": "5rem",
      "name": "COLOR_PICKER_RANGE_HEIGHT"
    },
    "COLOR_PICKER_SLIDER_HEIGHT": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "1.5rem",
      "originalValue": "1.5rem",
      "name": "COLOR_PICKER_SLIDER_HEIGHT"
    },
    "COLOR_PICKER_THUMB_WIDTH": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "0.375rem",
      "originalValue": "0.375rem",
      "name": "COLOR_PICKER_THUMB_WIDTH"
    },
    "COLOR_PICKER_RANGE_INDICATOR_SIZE": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "0.75rem",
      "originalValue": "0.75rem",
      "name": "COLOR_PICKER_RANGE_INDICATOR_SIZE"
    },
    "COLOR_PICKER_INPUT_CUSTOM_HEX_WIDTH": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "4.2rem",
      "originalValue": "4.2rem",
      "name": "COLOR_PICKER_INPUT_CUSTOM_HEX_WIDTH"
    },
    "COLOR_PICKER_SWATCH_SIZE": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "1.25rem",
      "originalValue": "1.25rem",
      "name": "COLOR_PICKER_SWATCH_SIZE"
    },
    "TABLE_COLOR_BACKGROUND_STRIPES": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#fafaf9",
      "comment": "Alternating row background color for tables",
      "originalValue": "{!PALETTE_GRAY_2}",
      "name": "TABLE_COLOR_BACKGROUND_STRIPES"
    },
    "TABLE_COLOR_BACKGROUND_HEADER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Default background color for table headers",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "TABLE_COLOR_BACKGROUND_HEADER"
    },
    "TABLE_COLOR_BACKGROUND_HEADER_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#fafaf9",
      "comment": "Hover state for table header cells",
      "originalValue": "{!PALETTE_GRAY_2}",
      "name": "TABLE_COLOR_BACKGROUND_HEADER_HOVER"
    },
    "TABLE_COLOR_BACKGROUND_HEADER_FOCUS": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Focused state for table header cells",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "TABLE_COLOR_BACKGROUND_HEADER_FOCUS"
    },
    "TABLE_BORDER_RADIUS": {
      "scope": "component",
      "type": "size",
      "category": "radius",
      "cssProperties": [
        "border*radius"
      ],
      "value": "0",
      "originalValue": "0",
      "name": "TABLE_BORDER_RADIUS"
    },
    "TABLE_CELL_SPACING": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "value": "0.5rem",
      "originalValue": "{!SPACING_X_SMALL}",
      "name": "TABLE_CELL_SPACING"
    },
    "TABLE_COLOR_TEXT_HEADER": {
      "scope": "component",
      "type": "color",
      "category": "text-color",
      "cssProperties": [
        "color",
        "fill"
      ],
      "value": "#514f4d",
      "originalValue": "{!PALETTE_GRAY_10}",
      "name": "TABLE_COLOR_TEXT_HEADER"
    },
    "COLOR_BACKGROUND_DOCKED_PANEL_HEADER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Docked panel header’s background color.",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "COLOR_BACKGROUND_DOCKED_PANEL_HEADER"
    },
    "COLOR_BACKGROUND_DOCKED_PANEL": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Docked panel’s background color when open.",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "COLOR_BACKGROUND_DOCKED_PANEL"
    },
    "HEIGHT_DOCKED_BAR": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "2.5rem",
      "comment": "Height of the docked bar.",
      "originalValue": "2.5rem",
      "name": "HEIGHT_DOCKED_BAR"
    },
    "UTILITY_BAR_COLOR_BACKGROUND_NOTIFICATION_BADGE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#D4504C",
      "comment": "Utility bar notifications badge background color.",
      "originalValue": "{!VALENCIA}",
      "name": "UTILITY_BAR_COLOR_BACKGROUND_NOTIFICATION_BADGE"
    },
    "UTILITY_BAR_COLOR_BACKGROUND_NOTIFICATION_FOCUS": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#c9c7c5",
      "comment": "Utility bar notifications focus background color.",
      "originalValue": "{!PALETTE_GRAY_6}",
      "name": "UTILITY_BAR_COLOR_BACKGROUND_NOTIFICATION_FOCUS"
    },
    "DROP_ZONE_SLOT_HEIGHT": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "0.25rem",
      "originalValue": "0.25rem",
      "name": "DROP_ZONE_SLOT_HEIGHT"
    },
    "COLOR_BACKGROUND_ICON_WAFFLE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#706e6b",
      "comment": "Default color for animated icon waffle for app switcher.",
      "originalValue": "{!PALETTE_GRAY_9}",
      "name": "COLOR_BACKGROUND_ICON_WAFFLE"
    },
    "TYPING_ICON_DOT_COLOR_BACKGROUND_GRAY": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#dddbda",
      "comment": "Default background color for a typing icon dot.",
      "originalValue": "{!PALETTE_GRAY_5}",
      "name": "TYPING_ICON_DOT_COLOR_BACKGROUND_GRAY"
    },
    "TYPING_ICON_DOT_COLOR_BACKGROUND_GRAY_DARK": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#c9c7c5",
      "comment": "Active background color for a typing icon dot when animcating.",
      "originalValue": "{!PALETTE_GRAY_6}",
      "name": "TYPING_ICON_DOT_COLOR_BACKGROUND_GRAY_DARK"
    },
    "GLOBAL_ACTION_FILL_HOVER": {
      "scope": "component",
      "category": "fill",
      "type": "color",
      "cssProperties": [
        "background",
        "color",
        "fill"
      ],
      "value": "#0070D2",
      "comment": "Brand fill color",
      "originalValue": "{!SCIENCE_BLUE}",
      "name": "GLOBAL_ACTION_FILL_HOVER"
    },
    "GLOBAL_ACTION_ICON_SIZE": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*width",
        "*height"
      ],
      "value": "1.5rem",
      "comment": "Global action icon size",
      "originalValue": "1.5rem",
      "name": "GLOBAL_ACTION_ICON_SIZE"
    },
    "TYPING_ICON_DOT_SIZE": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*width",
        "*height"
      ],
      "value": ".5rem",
      "comment": "Typing icon size",
      "originalValue": ".5rem",
      "name": "TYPING_ICON_DOT_SIZE"
    },
    "EINSTEIN_HEADER_BACKGROUND": {
      "scope": "component",
      "type": "string",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "/assets/images/einstein-headers/einstein-header-background.svg",
      "originalValue": "/assets/images/einstein-headers/einstein-header-background.svg",
      "name": "EINSTEIN_HEADER_BACKGROUND"
    },
    "EINSTEIN_HEADER_FIGURE": {
      "scope": "component",
      "type": "string",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "/assets/images/einstein-headers/einstein-figure.svg",
      "originalValue": "/assets/images/einstein-headers/einstein-figure.svg",
      "name": "EINSTEIN_HEADER_FIGURE"
    },
    "EINSTEIN_HEADER_BACKGROUND_COLOR": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "#95CBFC",
      "comment": "Background color for Einstein header",
      "originalValue": "#95CBFC",
      "name": "EINSTEIN_HEADER_BACKGROUND_COLOR"
    },
    "EINSTEIN_HEADER_TEXT_SHADOW": {
      "scope": "component",
      "type": "shadow",
      "category": "text-shadow",
      "cssProperties": [
        "text-shadow"
      ],
      "value": "#9EDAFF",
      "comment": "Text shadow color for Einstein header background to make text more readable",
      "originalValue": "#9EDAFF",
      "name": "EINSTEIN_HEADER_TEXT_SHADOW"
    },
    "FORM_LABEL_FONT_SIZE": {
      "scope": "component",
      "type": "size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "category": "font-size",
      "value": "0.75rem",
      "originalValue": "0.75rem",
      "name": "FORM_LABEL_FONT_SIZE"
    },
    "GLOBAL_HEADER_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "#FFFFFF",
      "comment": "Global Header background color",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "GLOBAL_HEADER_COLOR_BACKGROUND"
    },
    "BRAND_LOGO_IMAGE": {
      "scope": "component",
      "type": "string",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "/assets/images/logo-noname.svg",
      "originalValue": "/assets/images/logo-noname.svg",
      "name": "BRAND_LOGO_IMAGE"
    },
    "SQUARE_ICON_GLOBAL_IDENTITY_ICON": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "1.25rem",
      "comment": "Global identity icon size.",
      "originalValue": "1.25rem",
      "name": "SQUARE_ICON_GLOBAL_IDENTITY_ICON"
    },
    "COLOR_BACKGROUND_CONTEXT_BAR_ITEM_HOVER": {
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "COLOR_BACKGROUND_CONTEXT_BAR_ITEM_HOVER",
      "value": "#FFFFFF",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Hovered context bar item background color."
    },
    "COLOR_BACKGROUND_CONTEXT_BAR_ITEM_ACTIVE": {
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "COLOR_BACKGROUND_CONTEXT_BAR_ITEM_ACTIVE",
      "value": "#FFFFFF",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Active context bar item background color."
    },
    "COLOR_BACKGROUND_CONTEXT_BAR": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Default context bar background color.",
      "originalValue": "{!WHITE}",
      "name": "COLOR_BACKGROUND_CONTEXT_BAR"
    },
    "COLOR_BACKGROUND_CONTEXT_TAB_BAR_ITEM": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Context TAB bar item background color.",
      "originalValue": "{!WHITE}",
      "name": "COLOR_BACKGROUND_CONTEXT_TAB_BAR_ITEM"
    },
    "COLOR_BACKGROUND_CONTEXT_BAR_INVERSE_ITEM_HOVER": {
      "originalValue": "{!WHITE_TRANSPARENT_20}",
      "name": "COLOR_BACKGROUND_CONTEXT_BAR_INVERSE_ITEM_HOVER",
      "value": "rgba(255, 255, 255, 0.20)",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Hovered context bar item background color."
    },
    "COLOR_BACKGROUND_CONTEXT_BAR_SHADOW": {
      "originalValue": "{!GRADIENT_SHADOW_BOTTOM}",
      "name": "COLOR_BACKGROUND_CONTEXT_BAR_SHADOW",
      "value": "linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 100%)",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "gradient",
      "category": "background-color",
      "comment": "A Gradient used for putting shadows on the bottom when box-shadow is not possible."
    },
    "COLOR_BACKGROUND_CONTEXT_BAR_INVERSE_ITEM_ACTIVE": {
      "originalValue": "{!WHITE_TRANSPARENT_40}",
      "name": "COLOR_BACKGROUND_CONTEXT_BAR_INVERSE_ITEM_ACTIVE",
      "value": "rgba(255, 255, 255, 0.40)",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Active context bar item background color."
    },
    "COLOR_BACKGROUND_CONTEXT_BAR_BRAND_ACCENT": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#00A1DF",
      "comment": "Brand color in context bar for default theme",
      "originalValue": "{!CERULEAN}",
      "name": "COLOR_BACKGROUND_CONTEXT_BAR_BRAND_ACCENT"
    },
    "COLOR_BACKGROUND_CONTEXT_BAR_ACTION_HIGHLIGHT": {
      "originalValue": "{!WHITE_TRANSPARENT_20}",
      "name": "COLOR_BACKGROUND_CONTEXT_BAR_ACTION_HIGHLIGHT",
      "value": "rgba(255, 255, 255, 0.20)",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Highlight for context bar action (hover and focus states)."
    },
    "COLOR_BORDER_CONTEXT_BAR_DIVIDER": {
      "originalValue": "{!WHITE_TRANSPARENT_20}",
      "name": "COLOR_BORDER_CONTEXT_BAR_DIVIDER",
      "value": "rgba(255, 255, 255, 0.20)",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Divider in context bar"
    },
    "COLOR_BORDER_CONTEXT_BAR_ITEM": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "rgba(0, 0, 0, 0.20)",
      "comment": "Border color in context bar",
      "originalValue": "{!BLACK_TRANSPARENT_20}",
      "name": "COLOR_BORDER_CONTEXT_BAR_ITEM"
    },
    "COLOR_BORDER_CONTEXT_BAR_INVERSE_ITEM": {
      "originalValue": "{!WHITE_TRANSPARENT_20}",
      "name": "COLOR_BORDER_CONTEXT_BAR_INVERSE_ITEM",
      "value": "rgba(255, 255, 255, 0.20)",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Border color in context bar on dark background"
    },
    "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#00A1DF",
      "comment": "Border color in context bar for default theme",
      "originalValue": "{!CERULEAN}",
      "name": "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT"
    },
    "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_ALT": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#f3f2f2",
      "comment": "Alternate border color in context bar for default theme",
      "originalValue": "{!PALETTE_GRAY_3}",
      "name": "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_ALT"
    },
    "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#0B2399",
      "comment": "Hovered border color in context bar for default theme",
      "originalValue": "{!TOREA_BAY}",
      "name": "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_HOVER"
    },
    "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_ACTIVE": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#f3f2f2",
      "comment": "Active border color in context bar for default theme",
      "originalValue": "{!PALETTE_GRAY_3}",
      "name": "COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_ACTIVE"
    },
    "HEIGHT_CONTEXT_BAR": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "2.5rem",
      "comment": "Context bar height.",
      "originalValue": "2.5rem",
      "name": "HEIGHT_CONTEXT_BAR"
    },
    "GLOBALNAVIGATION_ITEM_HEIGHT_ACCENT_ACTIVE": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "3px",
      "comment": "Context bar tab accent height when tab is active.",
      "originalValue": "3px",
      "name": "GLOBALNAVIGATION_ITEM_HEIGHT_ACCENT_ACTIVE"
    },
    "GLOBALNAVIGATION_ITEM_HEIGHT_ACCENT_FOCUS": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "4px",
      "comment": "Context bar tab accent height when tab is focused.",
      "originalValue": "4px",
      "name": "GLOBALNAVIGATION_ITEM_HEIGHT_ACCENT_FOCUS"
    },
    "COLOR_TEXT_CONTEXT_BAR": {
      "scope": "component",
      "type": "color",
      "category": "text-color",
      "cssProperties": [
        "color",
        "fill"
      ],
      "value": "#3e3e3c",
      "comment": "Context bar text color",
      "originalValue": "{!PALETTE_GRAY_11}",
      "name": "COLOR_TEXT_CONTEXT_BAR"
    },
    "COLOR_TEXT_CONTEXT_BAR_INVERSE": {
      "originalValue": "{!WHITE}",
      "name": "COLOR_TEXT_CONTEXT_BAR_INVERSE",
      "value": "#FFFFFF",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Context bar text color on a dark background"
    },
    "COLOR_TEXT_CONTEXT_BAR_ACTION_TRIGGER": {
      "originalValue": "{!WHITE_TRANSPARENT_40}",
      "name": "COLOR_TEXT_CONTEXT_BAR_ACTION_TRIGGER",
      "value": "rgba(255, 255, 255, 0.40)",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Context bar action trigger text color"
    },
    "ILLUSTRATION_COLOR_PRIMARY": {
      "type": "color",
      "category": "stroke-color",
      "cssProperties": [
        "stroke",
        "fill"
      ],
      "value": "#8cd3f8",
      "comment": "Primary color for illustrations",
      "originalValue": "#8cd3f8",
      "name": "ILLUSTRATION_COLOR_PRIMARY"
    },
    "ILLUSTRATION_COLOR_SECONDARY": {
      "type": "color",
      "category": "stroke-color",
      "cssProperties": [
        "stroke",
        "fill"
      ],
      "value": "#c2e8ff",
      "comment": "Secondary color for illustrations",
      "originalValue": "#c2e8ff",
      "name": "ILLUSTRATION_COLOR_SECONDARY"
    },
    "INPUT_STATIC_FONT_SIZE": {
      "scope": "component",
      "category": "font-size",
      "type": "font-size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "value": "0.8125rem",
      "originalValue": "{!FONT_SIZE_3}",
      "name": "INPUT_STATIC_FONT_SIZE"
    },
    "INPUT_STATIC_FONT_WEIGHT": {
      "scope": "component",
      "category": "font",
      "type": "font-weight",
      "cssProperties": [
        "font",
        "font-weight"
      ],
      "value": "400",
      "originalValue": "400",
      "name": "INPUT_STATIC_FONT_WEIGHT"
    },
    "INPUT_READONLY_FONT_WEIGHT": {
      "scope": "component",
      "category": "font",
      "type": "font-weight",
      "cssProperties": [
        "font",
        "font-weight"
      ],
      "value": "400",
      "originalValue": "400",
      "name": "INPUT_READONLY_FONT_WEIGHT"
    },
    "INPUT_STATIC_COLOR": {
      "scope": "component",
      "type": "color",
      "category": "text-color",
      "cssProperties": [
        "color",
        "fill"
      ],
      "value": "#080707",
      "originalValue": "{!PALETTE_GRAY_13}",
      "name": "INPUT_STATIC_COLOR"
    },
    "PAGE_HEADER_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#fafaf9",
      "comment": "Default Page Header background color",
      "originalValue": "{!PALETTE_GRAY_2}",
      "name": "PAGE_HEADER_COLOR_BACKGROUND"
    },
    "PAGE_HEADER_COLOR_BACKGROUND_ALT": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Secondary Page Header background color",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "PAGE_HEADER_COLOR_BACKGROUND_ALT"
    },
    "COLOR_BACKGROUND_ANCHOR": {
      "originalValue": "{!PALETTE_GRAY_2}",
      "name": "COLOR_BACKGROUND_ANCHOR",
      "value": "#fafaf9",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Use COLOR_BACKGROUND_PAGE_HEADER instead."
    },
    "COLOR_BACKGROUND_PAGE_HEADER": {
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "COLOR_BACKGROUND_PAGE_HEADER",
      "value": "#FFFFFF",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Page Header background color"
    },
    "PAGE_HEADER_COLOR_BORDER": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "transparent",
      "originalValue": "transparent",
      "name": "PAGE_HEADER_COLOR_BORDER"
    },
    "PAGE_HEADER_JOINED_COLOR_BORDER": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#dddbda",
      "originalValue": "{!PALETTE_GRAY_5}",
      "name": "PAGE_HEADER_JOINED_COLOR_BORDER"
    },
    "PAGE_HEADER_BORDER_RADIUS": {
      "scope": "component",
      "type": "size",
      "category": "radius",
      "cssProperties": [
        "border*radius"
      ],
      "value": "0",
      "originalValue": "0",
      "name": "PAGE_HEADER_BORDER_RADIUS"
    },
    "PAGE_HEADER_SHADOW": {
      "scope": "component",
      "type": "box-shadow",
      "category": "shadow",
      "cssProperties": [
        "box-shadow"
      ],
      "value": "none",
      "originalValue": "none",
      "name": "PAGE_HEADER_SHADOW"
    },
    "PAGE_HEADER_TITLE_FONT_SIZE": {
      "scope": "component",
      "category": "font-size",
      "type": "font-size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "value": "1.125rem",
      "originalValue": "{!FONT_SIZE_6}",
      "name": "PAGE_HEADER_TITLE_FONT_SIZE"
    },
    "PAGE_HEADER_TITLE_FONT_WEIGHT": {
      "scope": "component",
      "category": "font-weight",
      "type": "font-weight",
      "cssProperties": [
        "font-weight"
      ],
      "value": "400",
      "originalValue": "400",
      "name": "PAGE_HEADER_TITLE_FONT_WEIGHT"
    },
    "PAGE_HEADER_ICON_SIZE": {
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "*width",
        "*height"
      ],
      "value": "2.25rem",
      "comment": "Page header Entity Icon size",
      "originalValue": "2.25rem",
      "name": "PAGE_HEADER_ICON_SIZE"
    },
    "PAGE_HEADER_SPACING_MARGIN": {
      "originalValue": "0",
      "name": "PAGE_HEADER_SPACING_MARGIN",
      "value": "0",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "type": "size",
      "category": "spacing",
      "comment": ""
    },
    "PAGE_HEADER_SPACING_PADDING": {
      "originalValue": "{!SPACING_MEDIUM}",
      "name": "PAGE_HEADER_SPACING_PADDING",
      "value": "1rem",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "type": "size",
      "category": "spacing",
      "comment": ""
    },
    "PAGE_HEADER_SPACING_ROW": {
      "originalValue": "{!SPACING_SMALL} {!SPACING_MEDIUM}",
      "name": "PAGE_HEADER_SPACING_ROW",
      "value": "0.75rem 1rem",
      "deprecated": true,
      "scope": "component",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "type": "size",
      "category": "spacing",
      "comment": ""
    },
    "PANEL_DOCKED_LEFT_SHADOW": {
      "type": "box-shadow",
      "category": "shadow",
      "cssProperties": [
        "box-shadow"
      ],
      "value": "1px 0 3px rgba(0,0,0,0.25)",
      "comment": "Dropshadow found on docked UI panels when positioned to the left of a viewport",
      "originalValue": "1px 0 3px rgba(0,0,0,0.25)",
      "name": "PANEL_DOCKED_LEFT_SHADOW"
    },
    "PANEL_DOCKED_RIGHT_SHADOW": {
      "type": "box-shadow",
      "category": "shadow",
      "cssProperties": [
        "box-shadow"
      ],
      "value": "-1px 0 3px 0 rgba(0,0,0,0.25)",
      "comment": "Dropshadow found on docked UI panels when positioned to the left of a viewport",
      "originalValue": "-1px 0 3px 0 rgba(0,0,0,0.25)",
      "name": "PANEL_DOCKED_RIGHT_SHADOW"
    },
    "COLOR_BACKGROUND_PATH_INCOMPLETE_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#dddbda",
      "comment": "The hover background color for Salespath stages that have not been completed.",
      "originalValue": "{!PALETTE_GRAY_5}",
      "name": "COLOR_BACKGROUND_PATH_INCOMPLETE_HOVER"
    },
    "COLOR_BACKGROUND_PATH_STEP_ACTION_ACTIVE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#061C3F",
      "comment": "The background color for the step action arrow that are the active stage",
      "originalValue": "{!DEEP_COVE}",
      "name": "COLOR_BACKGROUND_PATH_STEP_ACTION_ACTIVE"
    },
    "COLOR_BACKGROUND_PATH_INCOMPLETE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#ecebea",
      "comment": "The background color for Salespath stages that have not been completed.",
      "originalValue": "{!PALETTE_GRAY_4}",
      "name": "COLOR_BACKGROUND_PATH_INCOMPLETE"
    },
    "COLOR_BACKGROUND_PATH_ACTIVE_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#00396B",
      "comment": "The hover background color for Salespath stages that are the active stage.",
      "originalValue": "{!MIDNIGHT_BLUE}",
      "name": "COLOR_BACKGROUND_PATH_ACTIVE_HOVER"
    },
    "COLOR_BACKGROUND_PATH_LOST": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#C23934",
      "comment": "The background color for the final stage of a Salespath when it has been lost.",
      "originalValue": "{!FLUSH_MAHOGANY}",
      "name": "COLOR_BACKGROUND_PATH_LOST"
    },
    "COLOR_BACKGROUND_PATH_ACTIVE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#005FB2",
      "comment": "The background color for Salespath stages that are the active stage.",
      "originalValue": "{!ENDEAVOUR}",
      "name": "COLOR_BACKGROUND_PATH_ACTIVE"
    },
    "COLOR_BACKGROUND_GUIDANCE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "The background color for Salespath guidance coaching section.",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "COLOR_BACKGROUND_GUIDANCE"
    },
    "COLOR_BACKGROUND_PATH_WON": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#04844B",
      "comment": "The background color for the final stage of a Salespath when it has been lost.",
      "originalValue": "{!SALEM}",
      "name": "COLOR_BACKGROUND_PATH_WON"
    },
    "COLOR_BACKGROUND_PATH_CURRENT_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "The hover background color for Salespath stages that are the current stage.",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "COLOR_BACKGROUND_PATH_CURRENT_HOVER"
    },
    "COLOR_BACKGROUND_PATH_CURRENT": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "The background color for Salespath stages that are the current stage.",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "COLOR_BACKGROUND_PATH_CURRENT"
    },
    "COLOR_BACKGROUND_PATH_COMPLETE_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#04844B",
      "comment": "The hover background color for Salespath stages that are complete.",
      "originalValue": "{!SALEM}",
      "name": "COLOR_BACKGROUND_PATH_COMPLETE_HOVER"
    },
    "COLOR_BACKGROUND_PATH_COMPLETE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#4BCA81",
      "comment": "The background color for Salespath stages that are complete.",
      "originalValue": "{!EMERALD}",
      "name": "COLOR_BACKGROUND_PATH_COMPLETE"
    },
    "COLOR_BACKGROUND_PATH_STEP_ACTION_CURRENT": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#005FB2",
      "comment": "The background color for the step action arrow that are the current stage",
      "originalValue": "{!ENDEAVOUR}",
      "name": "COLOR_BACKGROUND_PATH_STEP_ACTION_CURRENT"
    },
    "COLOR_BACKGROUND_PATH_EXPANDED": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "The background color for the overall Salespath coaching section.",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "COLOR_BACKGROUND_PATH_EXPANDED"
    },
    "COLOR_BORDER_PATH_DIVIDER": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Used as a separator between dark colors like the stages of salespath.",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "COLOR_BORDER_PATH_DIVIDER"
    },
    "COLOR_BORDER_PATH_CURRENT": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#005FB2",
      "comment": "Used as a border color for the active Path step.",
      "originalValue": "{!ENDEAVOUR}",
      "name": "COLOR_BORDER_PATH_CURRENT"
    },
    "COLOR_BORDER_PATH_CURRENT_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#00396B",
      "comment": "Used as a border color for the current path step on hover.",
      "originalValue": "{!MIDNIGHT_BLUE}",
      "name": "COLOR_BORDER_PATH_CURRENT_HOVER"
    },
    "LINE_HEIGHT_SALESPATH": {
      "scope": "component",
      "category": "line-height",
      "type": "number",
      "cssProperties": [
        "font",
        "*height"
      ],
      "value": "1.5rem",
      "comment": "Line heights for salespath",
      "originalValue": "1.5rem",
      "name": "LINE_HEIGHT_SALESPATH"
    },
    "HEIGHT_SALES_PATH": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "*width",
        "*height",
        "*flex*",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "2rem",
      "comment": "Height of Path",
      "originalValue": "2rem",
      "name": "HEIGHT_SALES_PATH"
    },
    "PATH_BUTTON_WIDTH_FIXED": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "*width",
        "*height",
        "*flex*",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "13rem",
      "comment": "Width of action button to right",
      "originalValue": "13rem",
      "name": "PATH_BUTTON_WIDTH_FIXED"
    },
    "WIDTH_PATH_BORDER_CURRENT": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "*width",
        "*height",
        "*flex*",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "0.125rem",
      "comment": "Border width of current stage for path item",
      "originalValue": "0.125rem",
      "name": "WIDTH_PATH_BORDER_CURRENT"
    },
    "COLOR_TEXT_PATH_CURRENT": {
      "scope": "component",
      "type": "color",
      "category": "text-color",
      "cssProperties": [
        "color"
      ],
      "value": "#005FB2",
      "comment": "Used as a text color for the active Path step.",
      "originalValue": "{!ENDEAVOUR}",
      "name": "COLOR_TEXT_PATH_CURRENT"
    },
    "COLOR_TEXT_PATH_CURRENT_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "text-color",
      "cssProperties": [
        "color"
      ],
      "value": "#00396B",
      "comment": "Used as a text hover color for the active Path step.",
      "originalValue": "{!MIDNIGHT_BLUE}",
      "name": "COLOR_TEXT_PATH_CURRENT_HOVER"
    },
    "POPOVER_WALKTHROUGH_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow",
        "text-shadow"
      ],
      "value": "#061C3F",
      "comment": "The default background color for Popover Walkthrough",
      "originalValue": "{!DEEP_COVE}",
      "name": "POPOVER_WALKTHROUGH_COLOR_BACKGROUND"
    },
    "POPOVER_WALKTHROUGH_HEADER_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow",
        "text-shadow"
      ],
      "value": "#16325C",
      "comment": "The default background color for Popover Walkthrough Header",
      "originalValue": "{!BISCAY}",
      "name": "POPOVER_WALKTHROUGH_HEADER_COLOR_BACKGROUND"
    },
    "POPOVER_WALKTHROUGH_COLOR_BACKGROUND_ALT": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow",
        "text-shadow"
      ],
      "value": "#0070D2",
      "comment": "The default background color for alternative Popover Walkthrough",
      "originalValue": "{!SCIENCE_BLUE}",
      "name": "POPOVER_WALKTHROUGH_COLOR_BACKGROUND_ALT"
    },
    "POPOVER_WALKTHROUGH_HEADER_IMAGE": {
      "scope": "component",
      "type": "string",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow",
        "text-shadow"
      ],
      "value": "",
      "originalValue": "",
      "name": "POPOVER_WALKTHROUGH_HEADER_IMAGE"
    },
    "POPOVER_WALKTHROUGH_ALT_IMAGE": {
      "scope": "component",
      "type": "string",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow",
        "text-shadow"
      ],
      "value": "",
      "originalValue": "",
      "name": "POPOVER_WALKTHROUGH_ALT_IMAGE"
    },
    "POPOVER_WALKTHROUGH_ALT_NUBBIN_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow",
        "text-shadow"
      ],
      "value": "#0070D2",
      "comment": "The background color for nubbins on the bottom of alternate walkthrough popovers",
      "originalValue": "{!SCIENCE_BLUE}",
      "name": "POPOVER_WALKTHROUGH_ALT_NUBBIN_COLOR_BACKGROUND"
    },
    "POPOVER_COLOR_TEXT": {
      "scope": "component",
      "type": "color",
      "category": "text-color",
      "cssProperties": [
        "color"
      ],
      "value": "#D9DBDD",
      "comment": "Text color for step counter in walkthrough variant of popovers",
      "originalValue": "{!PALETTE_COOL_GRAY_5}",
      "name": "POPOVER_COLOR_TEXT"
    },
    "PROGRESS_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "The default background color for Progress Indicator",
      "originalValue": "{!WHITE}",
      "name": "PROGRESS_COLOR_BACKGROUND"
    },
    "PROGRESS_COLOR_BACKGROUND_SHADE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#fafaf9",
      "comment": "The shaded background color for Progress Indicator",
      "originalValue": "{!PALETTE_GRAY_2}",
      "name": "PROGRESS_COLOR_BACKGROUND_SHADE"
    },
    "PROGRESS_BAR_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#dddbda",
      "comment": "The background color for the Progress Bar",
      "originalValue": "{!PALETTE_GRAY_5}",
      "name": "PROGRESS_BAR_COLOR_BACKGROUND"
    },
    "PROGRESS_BAR_COLOR_BACKGROUND_FILL": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#5EB4FF",
      "comment": "The background color of the fill for the Progress Bar",
      "originalValue": "{!MALIBU}",
      "name": "PROGRESS_BAR_COLOR_BACKGROUND_FILL"
    },
    "PROGRESS_BAR_COLOR_BACKGROUND_FILL_SUCCESS": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#4BCA81",
      "comment": "The success background color of the fill for the Progress Bar",
      "originalValue": "{!EMERALD}",
      "name": "PROGRESS_BAR_COLOR_BACKGROUND_FILL_SUCCESS"
    },
    "PROGRESS_COLOR_BORDER": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Borders of each indicator item within the Progress Indicator",
      "originalValue": "{!WHITE}",
      "name": "PROGRESS_COLOR_BORDER"
    },
    "PROGRESS_COLOR_BORDER_SHADE": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#fafaf9",
      "comment": "Shaded borders of each indicator item within the Progress Indicator",
      "originalValue": "{!PALETTE_GRAY_2}",
      "name": "PROGRESS_COLOR_BORDER_SHADE"
    },
    "PROGRESS_COLOR_BORDER_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#0070D2",
      "comment": "Hovered border color of each indicator item within the Progress Indicator",
      "originalValue": "{!SCIENCE_BLUE}",
      "name": "PROGRESS_COLOR_BORDER_HOVER"
    },
    "PROGRESS_COLOR_BORDER_ACTIVE": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#1589EE",
      "comment": "Active border color of each indicator item within the Progress Indicator",
      "originalValue": "{!AZURE}",
      "name": "PROGRESS_COLOR_BORDER_ACTIVE"
    },
    "PROGRESS_BAR_HEIGHT": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "*width",
        "*height",
        "*flex*",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "0.125rem",
      "comment": "Height of the Progress Bar",
      "originalValue": "0.125rem",
      "name": "PROGRESS_BAR_HEIGHT"
    },
    "COLOR_BACKGROUND_PROGRESS_RING_CONTENT": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*"
      ],
      "value": "#FFFFFF",
      "comment": "Inner color for progress ring component",
      "originalValue": "{!WHITE}",
      "name": "COLOR_BACKGROUND_PROGRESS_RING_CONTENT"
    },
    "PROGRESS_RING_WIDTH": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width",
        "top",
        "right",
        "bottom",
        "left"
      ],
      "value": "0.1875rem",
      "comment": "Thickness of the Progress Ring's ring",
      "originalValue": "0.1875rem",
      "name": "PROGRESS_RING_WIDTH"
    },
    "NOTIFICATION_COLOR_BACKGROUND_INVERSE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#706e6b",
      "comment": "Dark notification component background color.",
      "originalValue": "{!PALETTE_GRAY_9}",
      "name": "NOTIFICATION_COLOR_BACKGROUND_INVERSE"
    },
    "SLIDER_HANDLE_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#1589EE",
      "originalValue": "{!AZURE}",
      "name": "SLIDER_HANDLE_COLOR_BACKGROUND"
    },
    "SLIDER_HANDLE_COLOR_BACKGROUND_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#0070D2",
      "originalValue": "{!SCIENCE_BLUE}",
      "name": "SLIDER_HANDLE_COLOR_BACKGROUND_HOVER"
    },
    "SLIDER_HANDLE_COLOR_BACKGROUND_FOCUS": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#0070D2",
      "originalValue": "{!SCIENCE_BLUE}",
      "name": "SLIDER_HANDLE_COLOR_BACKGROUND_FOCUS"
    },
    "SLIDER_HANDLE_COLOR_BACKGROUND_ACTIVE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#0070D2",
      "originalValue": "{!SCIENCE_BLUE}",
      "name": "SLIDER_HANDLE_COLOR_BACKGROUND_ACTIVE"
    },
    "SLIDER_TRACK_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#ecebea",
      "originalValue": "{!PALETTE_GRAY_4}",
      "name": "SLIDER_TRACK_COLOR_BACKGROUND"
    },
    "SLIDER_TRACK_COLOR_BACKGROUND_FILL": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#1589EE",
      "originalValue": "{!AZURE}",
      "name": "SLIDER_TRACK_COLOR_BACKGROUND_FILL"
    },
    "SLIDER_COLOR_BACKGROUND_DISABLED": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#ecebea",
      "originalValue": "{!PALETTE_GRAY_4}",
      "name": "SLIDER_COLOR_BACKGROUND_DISABLED"
    },
    "SLIDER_HANDLE_SHADOW": {
      "scope": "component",
      "type": "box-shadow",
      "category": "shadow",
      "cssProperties": [
        "box-shadow"
      ],
      "value": "rgba(0, 0, 0, 0.16) 0 2px 3px",
      "originalValue": "{!BLACK_TRANSPARENT_16} 0 2px 3px",
      "name": "SLIDER_HANDLE_SHADOW"
    },
    "SLIDER_HANDLE_SIZE": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "*width",
        "*height"
      ],
      "value": "1rem",
      "originalValue": "1rem",
      "name": "SLIDER_HANDLE_SIZE"
    },
    "SLIDER_TRACK_HEIGHT": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "*width",
        "*height"
      ],
      "value": "4px",
      "originalValue": "4px",
      "name": "SLIDER_TRACK_HEIGHT"
    },
    "SLIDER_TRACK_WIDTH": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "comment": "",
      "cssProperties": [
        "*width",
        "*height"
      ],
      "value": "100%",
      "originalValue": "100%",
      "name": "SLIDER_TRACK_WIDTH"
    },
    "SPLIT_VIEW_COLOR_BACKGROUND": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#fafaf9",
      "comment": "Split View background color.",
      "originalValue": "{!PALETTE_GRAY_2}",
      "name": "SPLIT_VIEW_COLOR_BACKGROUND"
    },
    "SPLIT_VIEW_COLOR_BACKGROUND_ROW_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Split View background color on row hover.",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "SPLIT_VIEW_COLOR_BACKGROUND_ROW_HOVER"
    },
    "SPLIT_VIEW_COLOR_BORDER": {
      "scope": "component",
      "type": "color",
      "category": "border-color",
      "cssProperties": [
        "border*",
        "box-shadow"
      ],
      "value": "#dddbda",
      "comment": "Row dividers in Split View list",
      "originalValue": "{!PALETTE_GRAY_5}",
      "name": "SPLIT_VIEW_COLOR_BORDER"
    },
    "SPLIT_VIEW_WIDTH": {
      "scope": "component",
      "type": "size",
      "category": "sizing",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "value": "25rem",
      "comment": "Default width for split view container",
      "originalValue": "25rem",
      "name": "SPLIT_VIEW_WIDTH"
    },
    "TABS_FONT_WEIGHT": {
      "scope": "component",
      "category": "font",
      "type": "font-weight",
      "cssProperties": [
        "font",
        "font-weight"
      ],
      "value": "400",
      "comment": "Use for active tab.",
      "originalValue": "400",
      "name": "TABS_FONT_WEIGHT"
    },
    "VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_HOVER": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#f3f2f2",
      "comment": "Vertical navigation shaded background color on row hover.",
      "originalValue": "{!PALETTE_GRAY_3}",
      "name": "VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_HOVER"
    },
    "VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_ACTIVE": {
      "scope": "component",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#ecebea",
      "comment": "Vertical navigation shaded background color on row active.",
      "originalValue": "{!PALETTE_GRAY_4}",
      "name": "VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_ACTIVE"
    },
    "WELCOME_MAT_TEXT_COLOR_INFO": {
      "scope": "component",
      "type": "color",
      "category": "color",
      "cssProperties": [
        "color",
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#00396B",
      "comment": "Text color for the Info section",
      "originalValue": "{!MIDNIGHT_BLUE}",
      "name": "WELCOME_MAT_TEXT_COLOR_INFO"
    },
    "WELCOME_MAT_BACKGROUND_IMAGE_INFO": {
      "scope": "component",
      "type": "string",
      "category": "color",
      "cssProperties": [
        "color",
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "/assets/images/welcome-mat/bg-info@2x.png",
      "comment": "Background Image Path for the Welcome Mat Info section",
      "originalValue": "/assets/images/welcome-mat/bg-info@2x.png",
      "name": "WELCOME_MAT_BACKGROUND_IMAGE_INFO"
    },
    "WELCOME_MAT_BACKGROUND_COLOR_INFO": {
      "scope": "component",
      "type": "color",
      "category": "color",
      "cssProperties": [
        "color",
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#CAE6F1",
      "comment": "Background overflow color for the Welcome Mat Info section",
      "originalValue": "#CAE6F1",
      "name": "WELCOME_MAT_BACKGROUND_COLOR_INFO"
    },
    "WELCOME_MAT_COLOR_BACKGROUND_PROGRESS_BAR": {
      "scope": "component",
      "type": "color",
      "category": "color",
      "cssProperties": [
        "color",
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#FFFFFF",
      "comment": "Progress Bar background is white",
      "originalValue": "{!PALETTE_GRAY_1}",
      "name": "WELCOME_MAT_COLOR_BACKGROUND_PROGRESS_BAR"
    },
    "WELCOME_MAT_COLOR_ACTION_SHADOW": {
      "scope": "component",
      "type": "color",
      "category": "color",
      "cssProperties": [
        "color",
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "rgba(0,0,0,0.05)",
      "comment": "Box Shadow declaration",
      "originalValue": "rgba(0,0,0,0.05)",
      "name": "WELCOME_MAT_COLOR_ACTION_SHADOW"
    },
    "WELCOME_MAT_COLOR_ICON_COMPLETE": {
      "scope": "component",
      "type": "color",
      "category": "color",
      "cssProperties": [
        "color",
        "background*",
        "border*",
        "box-shadow"
      ],
      "value": "#c9c7c5",
      "comment": "Completed icon color for the Welcome Mat Boxes",
      "originalValue": "{!PALETTE_GRAY_6}",
      "name": "WELCOME_MAT_COLOR_ICON_COMPLETE"
    },
    "WELCOME_MAT_FONT_SIZE_INFO_TITLE": {
      "scope": "component",
      "category": "font-size",
      "type": "font-size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "value": "2.625rem",
      "comment": "Font size for the info title",
      "originalValue": "2.625rem",
      "name": "WELCOME_MAT_FONT_SIZE_INFO_TITLE"
    },
    "WELCOME_MAT_WIDTH": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "52.0625rem",
      "comment": "Welcome Mat Width",
      "originalValue": "52.0625rem",
      "name": "WELCOME_MAT_WIDTH"
    },
    "WELCOME_MAT_MIN_HEIGHT": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "25rem",
      "comment": "Min height for Overlay",
      "originalValue": "25rem",
      "name": "WELCOME_MAT_MIN_HEIGHT"
    },
    "WELCOME_MAT_MAX_HEIGHT": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "37.5rem",
      "comment": "Max height for Overlay",
      "originalValue": "37.5rem",
      "name": "WELCOME_MAT_MAX_HEIGHT"
    },
    "WELCOME_MAT_WIDTH_PROGRESS_BAR": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "12.5rem",
      "comment": "Welcome Mat Progress Bar width",
      "originalValue": "12.5rem",
      "name": "WELCOME_MAT_WIDTH_PROGRESS_BAR"
    },
    "WELCOME_MAT_COMPLETE_ICON_SIZE": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "1.25rem",
      "comment": "Size of the green completed check mark",
      "originalValue": "1.25rem",
      "name": "WELCOME_MAT_COMPLETE_ICON_SIZE"
    },
    "WELCOME_MAT_CHECK_SIZE": {
      "scope": "component",
      "category": "sizing",
      "type": "size",
      "cssProperties": [
        "*height",
        "*width"
      ],
      "value": "0.625rem",
      "comment": "Size of the check mark in the green icon",
      "originalValue": "0.625rem",
      "name": "WELCOME_MAT_CHECK_SIZE"
    },
    "WELCOME_MAT_SPACING_INFO": {
      "scope": "component",
      "category": "spacing",
      "type": "size",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow"
      ],
      "value": "7.75rem",
      "comment": "Bottom spacing (safe area) for background image",
      "originalValue": "7.75rem",
      "name": "WELCOME_MAT_SPACING_INFO"
    }
  }
}