{
  "aliases": {
    "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%)"
    },
    "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)"
    },
    "BRAND_LIGHT_ACTIVE": {
      "value": "#e3e5ed"
    },
    "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"
    },
    "BRAND_BACKGROUND_PRIMARY": {
      "value": "#b0c4df"
    },
    "BLACK_TRANSPARENT_30": {
      "value": "rgba(0, 0, 0, 0.30)"
    },
    "BRAND_PRIMARY": {
      "value": "#1589ee"
    },
    "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"
    },
    "BRAND_CONTRAST_ACTIVE": {
      "value": "#0d0e12"
    },
    "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"
    },
    "BRAND_DARK": {
      "value": "#182337"
    },
    "PALETTE_COOL_GRAY_8": {
      "value": "#919297"
    },
    "BRAND_ACCESSIBLE": {
      "value": "#0070d2"
    },
    "PALETTE_WARM_GRAY_5": {
      "value": "#dddbda"
    },
    "BLACK_TRANSPARENT_24": {
      "value": "rgba(0, 0, 0, 0.24)"
    },
    "BRAND_BACKGROUND_DARK": {
      "value": "#195594"
    },
    "PALETTE_COOL_GRAY_9": {
      "value": "#6B6D70"
    },
    "PALETTE_WARM_GRAY_6": {
      "value": "#c9c7c5"
    },
    "PALETTE_WARM_GRAY_7": {
      "value": "#b0adab"
    },
    "BRAND_TEXT_LINK_ACTIVE": {
      "value": "#005fb2"
    },
    "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)"
    },
    "BRAND_DISABLED": {
      "value": "#c9c7c5"
    },
    "BLACK_TRANSPARENT_07": {
      "value": "rgba(0, 0, 0, 0.07)"
    },
    "PALETTE_LIGHT_GRAY_TRANSPARENT_80": {
      "value": "rgba(255, 255, 255, 0.8)"
    },
    "BRAND_TEXT_LINK": {
      "value": "#006DCC"
    },
    "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)"
    },
    "BRAND_ACCESSIBLE_ACTIVE": {
      "value": "#005fb2"
    },
    "BRAND_DARK_ACTIVE": {
      "value": "#253045"
    },
    "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)"
    },
    "BRAND_CONTRAST": {
      "value": "#1a1b1e"
    },
    "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"
    },
    "BRAND_PRIMARY_ACTIVE": {
      "value": "#007add"
    },
    "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)"
    },
    "BRAND_LIGHT": {
      "value": "#f4f6fe"
    },
    "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"
    },
    "BORDER_RADIUS_SMALL": {
      "value": "0.125rem"
    },
    "BORDER_RADIUS_MEDIUM": {
      "value": "0.25rem"
    },
    "BORDER_RADIUS_LARGE": {
      "value": "0.5rem"
    },
    "BORDER_RADIUS_CIRCLE": {
      "value": "50%"
    },
    "BORDER_RADIUS_PILL": {
      "value": "15rem"
    },
    "BORDER_WIDTH_THIN": {
      "value": "1px"
    },
    "BORDER_WIDTH_THICK": {
      "value": "2px"
    },
    "OFFSET_NONE": {
      "value": "0"
    },
    "OFFSET_X_SMALL": {
      "value": 2
    },
    "OFFSET_SMALL": {
      "value": 3
    },
    "OFFSET_MEDIUM": {
      "value": 4
    },
    "OFFSET_LARGE": {
      "value": 8
    },
    "OFFSET_X_LARGE": {
      "value": 16
    },
    "OFFSET_XX_LARGE": {
      "value": 32
    },
    "DURATION_INSTANTLY": {
      "value": "0s"
    },
    "DURATION_IMMEDIATELY": {
      "value": "0.05s"
    },
    "DURATION_QUICKLY": {
      "value": "0.1s"
    },
    "DURATION_PROMPTLY": {
      "value": "0.2s"
    },
    "DURATION_SLOWLY": {
      "value": "0.4s"
    },
    "DURATION_PAUSED": {
      "value": "3.2s"
    },
    "SANS_SERIF": {
      "value": "'Salesforce Sans', Arial, sans-serif"
    },
    "MONOSPACE": {
      "value": "Consolas, Menlo, Monaco, Courier, monospace"
    },
    "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"
    },
    "FONT_WEIGHT_LIGHT": {
      "value": "300"
    },
    "FONT_WEIGHT_REGULAR": {
      "value": "400"
    },
    "FONT_WEIGHT_BOLD": {
      "value": "700"
    },
    "SIZE_SQUARE_XX_LARGE": {
      "value": "2rem"
    },
    "SIZE_X_SMALL": {
      "value": "12rem"
    },
    "SIZE_XXX_SMALL": {
      "value": "3rem"
    },
    "SIZE_SQUARE_SMALL": {
      "value": "0.875rem"
    },
    "SIZE_XX_SMALL": {
      "value": "6rem"
    },
    "SIZE_SMALL": {
      "value": "15rem"
    },
    "SIZE_SQUARE_XX_SMALL": {
      "value": "0.75rem"
    },
    "SIZE_SQUARE_XXX_LARGE": {
      "value": "2.25rem"
    },
    "SIZE_SQUARE_X_LARGE": {
      "value": "1.5rem"
    },
    "SIZE_MEDIUM": {
      "value": "20rem"
    },
    "SIZE_X_LARGE": {
      "value": "40rem"
    },
    "SIZE_SQUARE_LARGE": {
      "value": "1.25rem"
    },
    "SIZE_SQUARE_MEDIUM": {
      "value": "1rem"
    },
    "SIZE_XX_LARGE": {
      "value": "60rem"
    },
    "SIZE_SQUARE_X_SMALL": {
      "value": "0.8125rem"
    },
    "SIZE_SQUARE_XXX_SMALL": {
      "value": "0.5rem"
    },
    "SIZE_LARGE": {
      "value": "25rem"
    },
    "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"
    }
  },
  "props": {
    "COLOR_BACKGROUND_ROW_ACTIVE": {
      "originalValue": "{!PALETTE_GRAY_4}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BACKGROUND_ROW_ACTIVE",
      "value": "#ecebea",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Used as the background color for the active state on rows or items on list-like components."
    },
    "COLOR_BACKGROUND_LIGHT": {
      "originalValue": "{!PALETTE_GRAY_1}",
      "release": "2.8.0",
      "primitive": true,
      "name": "COLOR_BACKGROUND_LIGHT",
      "value": "#FFFFFF",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Light variant of COLOR_BACKGROUND."
    },
    "COLOR_BACKGROUND_ROW_HOVER": {
      "originalValue": "{!PALETTE_GRAY_3}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BACKGROUND_ROW_HOVER",
      "value": "#f3f2f2",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Used as the background color for the hover state on rows or items on list-like components."
    },
    "COLOR_BACKGROUND_ERROR_DARK": {
      "originalValue": "{!FLUSH_MAHOGANY}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_ERROR_DARK",
      "value": "#C23934",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Dark color for UI elements related to errors. Accessible with white text."
    },
    "COLOR_BACKGROUND_INFO": {
      "originalValue": "{!PALETTE_GRAY_9}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_INFO",
      "value": "#706e6b",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Background color for UI elements related to providing neutral information (not error, success, or warning)."
    },
    "COLOR_BACKGROUND_ALT_INVERSE": {
      "originalValue": "{!BISCAY}",
      "access": "global",
      "release": "1.0.0",
      "primitive": true,
      "name": "COLOR_BACKGROUND_ALT_INVERSE",
      "value": "#16325C",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Alternative background color for dark portions of the app."
    },
    "COLOR_BACKGROUND_ROW_NEW": {
      "originalValue": "{!SNOWY_MINT}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BACKGROUND_ROW_NEW",
      "value": "#D9FFDF",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Used as the background color for the new state on rows or items on list-like components."
    },
    "COLOR_BACKGROUND_SUCCESS_DARK": {
      "originalValue": "{!SALEM}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_SUCCESS_DARK",
      "value": "#04844B",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Dark color for UI elements that have to do with success. Accessible with white text."
    },
    "COLOR_BACKGROUND_STENCIL": {
      "originalValue": "{!PALETTE_GRAY_3}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BACKGROUND_STENCIL",
      "value": "#f3f2f2",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Used as background for loading stencils on white background."
    },
    "COLOR_BACKGROUND_WARNING": {
      "originalValue": "{!KOROMIKO}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_WARNING",
      "value": "#FFB75D",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Color for UI elements that have to do with warning."
    },
    "COLOR_BACKGROUND_HIGHLIGHT_SEARCH": {
      "originalValue": "{!GORSE}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_HIGHLIGHT_SEARCH",
      "value": "#fff03f",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Background color for highlighting text in search results."
    },
    "COLOR_BACKGROUND_DESTRUCTIVE_HOVER": {
      "originalValue": "{!TABASCO}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_DESTRUCTIVE_HOVER",
      "value": "#A61A14",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Hover color for UI elements related to destructive actions."
    },
    "COLOR_BACKGROUND": {
      "originalValue": "{!PALETTE_GRAY_3}",
      "access": "global",
      "release": "1.0.0",
      "primitive": true,
      "name": "COLOR_BACKGROUND",
      "value": "#f3f2f2",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Default background color for the whole app."
    },
    "COLOR_BRAND_DARK": {
      "originalValue": "{!BRAND_ACCESSIBLE}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BRAND_DARK",
      "value": "#0070d2",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Our product brand blue, darkened to meet accessibility color contrast ratios with white text."
    },
    "COLOR_BACKGROUND_BACKDROP": {
      "originalValue": "{!WHITE_TRANSPARENT_75}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_BACKDROP",
      "value": "rgba(255, 255, 255, 0.75)",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "The color of the mask overlay that appears when you enter a modal state."
    },
    "COLOR_BACKGROUND_DARK": {
      "originalValue": "{!PALETTE_GRAY_4}",
      "release": "2.8.0",
      "primitive": true,
      "name": "COLOR_BACKGROUND_DARK",
      "value": "#ecebea",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Dark variant of COLOR_BACKGROUND."
    },
    "COLOR_BRAND": {
      "originalValue": "{!BRAND_PRIMARY}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BRAND",
      "value": "#1589ee",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Our product brand blue."
    },
    "COLOR_BACKGROUND_DESTRUCTIVE": {
      "originalValue": "{!FLUSH_MAHOGANY}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_DESTRUCTIVE",
      "value": "#C23934",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Color for UI elements related to destructive actions."
    },
    "COLOR_BACKGROUND_SUCCESS": {
      "originalValue": "{!EMERALD}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_SUCCESS",
      "value": "#4BCA81",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Color for UI elements that have to do with success."
    },
    "COLOR_BACKGROUND_WARNING_DARK": {
      "originalValue": "{!SUNSHADE}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_WARNING_DARK",
      "value": "#FF9E2C",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Dark Color for UI elements that have to do with warning."
    },
    "COLOR_BACKGROUND_OFFLINE": {
      "originalValue": "{!PALETTE_GRAY_11}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_OFFLINE",
      "value": "#3e3e3c",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Color for UI elements related to the offline state."
    },
    "COLOR_BACKGROUND_STENCIL_ALT": {
      "originalValue": "{!PALETTE_GRAY_4}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BACKGROUND_STENCIL_ALT",
      "value": "#ecebea",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Used as an alternate background for loading stencils on gray backgrounds."
    },
    "COLOR_BACKGROUND_INVERSE_LIGHT": {
      "originalValue": "{!BISCAY}",
      "release": "2.8.0",
      "primitive": true,
      "name": "COLOR_BACKGROUND_INVERSE_LIGHT",
      "value": "#16325C",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Light variant of COLOR_BACKGROUND_INVERSE."
    },
    "COLOR_BACKGROUND_CUSTOMER": {
      "originalValue": "{!TANGERINE}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_CUSTOMER",
      "value": "#FF9A3C",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Background color for UI elements related to the concept of an external user or customer."
    },
    "COLOR_BACKGROUND_ERROR": {
      "originalValue": "{!VALENCIA}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_ERROR",
      "value": "#D4504C",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Color for UI elements related to errors."
    },
    "COLOR_BACKGROUND_ALT": {
      "originalValue": "{!WHITE}",
      "access": "global",
      "release": "1.0.0",
      "primitive": true,
      "name": "COLOR_BACKGROUND_ALT",
      "value": "#FFFFFF",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Second default background color for the app."
    },
    "COLOR_BACKGROUND_SUCCESS_DARKER": {
      "originalValue": "{!KAITOKE_GREEN}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_SUCCESS_DARKER",
      "value": "#004a29",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Darker color for UI elements that have to do with success. Accessible with white text."
    },
    "COLOR_BACKGROUND_ROW_SELECTED": {
      "originalValue": "{!PALETTE_GRAY_4}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BACKGROUND_ROW_SELECTED",
      "value": "#ecebea",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Used as the background color for selected rows or items on list-like components."
    },
    "COLOR_BRAND_DARKER": {
      "originalValue": "{!ENDEAVOUR}",
      "primitive": true,
      "name": "COLOR_BRAND_DARKER",
      "value": "#005FB2",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Our product brand blue, darkened even further."
    },
    "COLOR_BACKGROUND_SELECTION": {
      "originalValue": "{!PATTEN_BLUE}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_SELECTION",
      "value": "#D8EDFF",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Background color for text selected with a mouse."
    },
    "COLOR_BACKGROUND_DESTRUCTIVE_ACTIVE": {
      "originalValue": "{!MAROON}",
      "primitive": true,
      "name": "COLOR_BACKGROUND_DESTRUCTIVE_ACTIVE",
      "value": "#870500",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Active color for UI elements related to destructive actions."
    },
    "COLOR_BACKGROUND_INVERSE": {
      "originalValue": "{!DEEP_COVE}",
      "access": "global",
      "release": "1.0.0",
      "primitive": true,
      "name": "COLOR_BACKGROUND_INVERSE",
      "value": "#061C3F",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Default background color for dark portions of the app (like Stage Left or tooltips)."
    },
    "COLOR_BACKGROUND_HIGHLIGHT": {
      "originalValue": "{!LEMON_CHIFFON}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BACKGROUND_HIGHLIGHT",
      "value": "#FAFFBD",
      "scope": "global",
      "cssProperties": [
        "background*",
        "border*",
        "box-shadow"
      ],
      "type": "color",
      "category": "background-color",
      "comment": "Background color for highlighting UI elements."
    },
    "COLOR_BORDER_ERROR_DARK": {
      "originalValue": "{!DEEP_BLUSH}",
      "primitive": true,
      "name": "COLOR_BORDER_ERROR_DARK",
      "value": "#EA8288",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Dark alternative border color for UI elements related to errors."
    },
    "COLOR_BORDER_BRAND_DARK": {
      "originalValue": "{!BRAND_ACCESSIBLE}",
      "primitive": true,
      "name": "COLOR_BORDER_BRAND_DARK",
      "value": "#0070d2",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Our product brand blue, darkened to meet accessibility color contrast ratios with white text."
    },
    "COLOR_BORDER_INFO": {
      "originalValue": "{!PALETTE_GRAY_9}",
      "primitive": true,
      "name": "COLOR_BORDER_INFO",
      "value": "#706e6b",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Border color for UI elements related to providing neutral information (not error, success, or warning)."
    },
    "COLOR_BORDER_WARNING": {
      "originalValue": "{!KOROMIKO}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BORDER_WARNING",
      "value": "#FFB75D",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Border color for UI elements that have to do with warnings."
    },
    "COLOR_BORDER_DESTRUCTIVE_HOVER": {
      "originalValue": "{!TABASCO}",
      "primitive": true,
      "name": "COLOR_BORDER_DESTRUCTIVE_HOVER",
      "value": "#A61A14",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Hover border color for UI elements that have to do with destructive actions."
    },
    "COLOR_BORDER": {
      "originalValue": "{!PALETTE_GRAY_5}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BORDER",
      "value": "#dddbda",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "background*"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Default border color for UI elements."
    },
    "COLOR_BORDER_SUCCESS_DARK": {
      "originalValue": "{!SALEM}",
      "primitive": true,
      "name": "COLOR_BORDER_SUCCESS_DARK",
      "value": "#04844B",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Dark alternative border color for UI elements that have to do with success."
    },
    "COLOR_BORDER_DESTRUCTIVE": {
      "originalValue": "{!FLUSH_MAHOGANY}",
      "primitive": true,
      "name": "COLOR_BORDER_DESTRUCTIVE",
      "value": "#C23934",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Border color for UI elements that have to do with destructive actions."
    },
    "COLOR_BORDER_SEPARATOR_ALT_2": {
      "originalValue": "{!PALETTE_GRAY_6}",
      "primitive": true,
      "name": "COLOR_BORDER_SEPARATOR_ALT_2",
      "value": "#c9c7c5",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Darkest separator color - used as an alternate separator color when more differentiation is desired."
    },
    "COLOR_BORDER_OFFLINE": {
      "originalValue": "{!PALETTE_GRAY_11}",
      "primitive": true,
      "name": "COLOR_BORDER_OFFLINE",
      "value": "#3e3e3c",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Border color for UI elements related to the offline state."
    },
    "COLOR_BORDER_SUCCESS": {
      "originalValue": "{!EMERALD}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BORDER_SUCCESS",
      "value": "#4BCA81",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Border color for UI elements that have to do with success."
    },
    "COLOR_BORDER_SEPARATOR": {
      "originalValue": "{!PALETTE_GRAY_2}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BORDER_SEPARATOR",
      "value": "#fafaf9",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Lightest separator color - used as default separator on white backgrounds."
    },
    "COLOR_BORDER_BRAND": {
      "originalValue": "{!BRAND_PRIMARY}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BORDER_BRAND",
      "value": "#1589ee",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Our product brand blue."
    },
    "COLOR_BORDER_SELECTION_ACTIVE": {
      "originalValue": "{!PALETTE_GRAY_2}",
      "primitive": true,
      "name": "COLOR_BORDER_SELECTION_ACTIVE",
      "value": "#fafaf9",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "specificity": "builders",
      "category": "border-color",
      "comment": "Used to delineate the boundary of a component that is being clicked. Specific to builders."
    },
    "COLOR_BORDER_ERROR": {
      "originalValue": "{!FLUSH_MAHOGANY}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BORDER_ERROR",
      "value": "#C23934",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Border color for UI elements that have to do with errors."
    },
    "COLOR_BORDER_SELECTION_HOVER": {
      "originalValue": "{!BRAND_PRIMARY}",
      "primitive": true,
      "name": "COLOR_BORDER_SELECTION_HOVER",
      "value": "#1589ee",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "specificity": "builders",
      "category": "border-color",
      "comment": "Used to delineate the boundary of a component that is being hovered over. Specific to builders."
    },
    "COLOR_BORDER_ROW_SELECTED_HOVER": {
      "originalValue": "{!BRAND_PRIMARY}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BORDER_ROW_SELECTED_HOVER",
      "value": "#1589ee",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Used as the border color for the hover state on selected rows or items on list-like components."
    },
    "COLOR_BORDER_CUSTOMER": {
      "originalValue": "{!TANGERINE}",
      "primitive": true,
      "name": "COLOR_BORDER_CUSTOMER",
      "value": "#FF9A3C",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Border color for UI elements related to the concept of an external user or customer."
    },
    "COLOR_BORDER_SELECTION": {
      "originalValue": "{!BRAND_ACCESSIBLE}",
      "primitive": true,
      "name": "COLOR_BORDER_SELECTION",
      "value": "#0070d2",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "specificity": "builders",
      "category": "border-color",
      "comment": "Used to delineate the boundary of a selected component. Specific to builders."
    },
    "COLOR_BORDER_ROW_SELECTED": {
      "originalValue": "{!BRAND_ACCESSIBLE}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BORDER_ROW_SELECTED",
      "value": "#0070d2",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Used as the border color for selected rows or items on list-like components."
    },
    "COLOR_BORDER_SEPARATOR_ALT": {
      "originalValue": "{!PALETTE_GRAY_5}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BORDER_SEPARATOR_ALT",
      "value": "#dddbda",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Medium separator color - used as default separator on light gray backgrounds."
    },
    "COLOR_BORDER_INVERSE": {
      "originalValue": "{!DEEP_COVE}",
      "primitive": true,
      "name": "COLOR_BORDER_INVERSE",
      "value": "#061C3F",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Border color to match UI elements using color-background-inverse."
    },
    "COLOR_BORDER_DESTRUCTIVE_ACTIVE": {
      "originalValue": "{!MAROON}",
      "primitive": true,
      "name": "COLOR_BORDER_DESTRUCTIVE_ACTIVE",
      "value": "#870500",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Active border color for UI elements that have to do with destructive actions."
    },
    "COLOR_BORDER_ERROR_ALT": {
      "originalValue": "{!DEEP_BLUSH}",
      "primitive": true,
      "name": "COLOR_BORDER_ERROR_ALT",
      "value": "#EA8288",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Alternative border color for UI elements related to errors."
    },
    "COLOR_BORDER_SEPARATOR_INVERSE": {
      "originalValue": "{!SAN_JUAN}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_BORDER_SEPARATOR_INVERSE",
      "value": "#2A426C",
      "scope": "global",
      "cssProperties": [
        "border*",
        "box-shadow",
        "outline",
        "outline-color"
      ],
      "type": "color",
      "category": "border-color",
      "comment": "Used as a separator on dark backgrounds, such as stage left navigation."
    },
    "BORDER_RADIUS_SMALL": {
      "originalValue": "{!BORDER_RADIUS_SMALL}",
      "access": "global",
      "primitive": true,
      "name": "BORDER_RADIUS_SMALL",
      "value": "0.125rem",
      "scope": "global",
      "cssProperties": [
        "border*radius"
      ],
      "type": "size",
      "category": "radius"
    },
    "BORDER_RADIUS_MEDIUM": {
      "originalValue": "{!BORDER_RADIUS_MEDIUM}",
      "access": "global",
      "primitive": true,
      "name": "BORDER_RADIUS_MEDIUM",
      "value": "0.25rem",
      "scope": "global",
      "cssProperties": [
        "border*radius"
      ],
      "type": "size",
      "category": "radius",
      "comment": "Icons in lists, record home icon, unbound input elements"
    },
    "BORDER_RADIUS_LARGE": {
      "originalValue": "{!BORDER_RADIUS_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "BORDER_RADIUS_LARGE",
      "value": "0.5rem",
      "scope": "global",
      "cssProperties": [
        "border*radius"
      ],
      "type": "size",
      "category": "radius"
    },
    "BORDER_RADIUS_CIRCLE": {
      "originalValue": "{!BORDER_RADIUS_CIRCLE}",
      "access": "global",
      "primitive": true,
      "name": "BORDER_RADIUS_CIRCLE",
      "value": "50%",
      "scope": "global",
      "cssProperties": [
        "border*radius"
      ],
      "type": "size",
      "category": "radius",
      "comment": "Circle for global use, action icon bgd shape"
    },
    "BORDER_WIDTH_THIN": {
      "originalValue": "1px",
      "access": "global",
      "primitive": true,
      "name": "BORDER_WIDTH_THIN",
      "value": "1px",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "border-style"
    },
    "BORDER_WIDTH_THICK": {
      "originalValue": "2px",
      "access": "global",
      "primitive": true,
      "name": "BORDER_WIDTH_THICK",
      "value": "2px",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "border-style"
    },
    "SHADOW_ACTIVE": {
      "originalValue": "{!OFFSET_NONE} {!OFFSET_NONE} {!OFFSET_X_SMALL}px {!BRAND_ACCESSIBLE}",
      "primitive": true,
      "name": "SHADOW_ACTIVE",
      "value": "0 0 2px #0070d2",
      "scope": "global",
      "cssProperties": [
        "box-shadow"
      ],
      "type": "box-shadow",
      "category": "shadow",
      "comment": "Shadow for active states on interactive elements."
    },
    "SHADOW_DRAG": {
      "originalValue": "{!OFFSET_NONE} {!OFFSET_X_SMALL}px {!OFFSET_MEDIUM}px {!OFFSET_NONE} {!BLACK_TRANSPARENT_40}",
      "access": "global",
      "primitive": true,
      "name": "SHADOW_DRAG",
      "value": "0 2px 4px 0 rgba(0, 0, 0, 0.40)",
      "scope": "global",
      "cssProperties": [
        "box-shadow"
      ],
      "type": "box-shadow",
      "category": "shadow",
      "comment": "Shadow for drag-n-drop."
    },
    "SHADOW_DROP_DOWN": {
      "originalValue": "{!OFFSET_NONE} {!OFFSET_X_SMALL}px {!OFFSET_SMALL}px {!OFFSET_NONE} {!BLACK_TRANSPARENT_16}",
      "access": "global",
      "primitive": true,
      "name": "SHADOW_DROP_DOWN",
      "value": "0 2px 3px 0 rgba(0, 0, 0, 0.16)",
      "scope": "global",
      "cssProperties": [
        "box-shadow"
      ],
      "type": "box-shadow",
      "category": "shadow",
      "comment": "Shadow for drop down."
    },
    "DURATION_INSTANTLY": {
      "originalValue": "{!DURATION_INSTANTLY}",
      "access": "global",
      "primitive": true,
      "name": "DURATION_INSTANTLY",
      "value": "0s",
      "scope": "global",
      "cssProperties": [
        "animation*",
        "transition*"
      ],
      "type": "time",
      "category": "time",
      "comment": "0 seconds, 0 frames"
    },
    "DURATION_IMMEDIATELY": {
      "originalValue": "{!DURATION_IMMEDIATELY}",
      "access": "global",
      "primitive": true,
      "name": "DURATION_IMMEDIATELY",
      "value": "0.05s",
      "scope": "global",
      "cssProperties": [
        "animation*",
        "transition*"
      ],
      "type": "time",
      "category": "time",
      "comment": "0.05 seconds, 3 frames"
    },
    "DURATION_QUICKLY": {
      "originalValue": "{!DURATION_QUICKLY}",
      "access": "global",
      "primitive": true,
      "name": "DURATION_QUICKLY",
      "value": "0.1s",
      "scope": "global",
      "cssProperties": [
        "animation*",
        "transition*"
      ],
      "type": "time",
      "category": "time",
      "comment": "0.1 seconds, 6 frames"
    },
    "DURATION_PROMPTLY": {
      "originalValue": "{!DURATION_PROMPTLY}",
      "access": "global",
      "primitive": true,
      "name": "DURATION_PROMPTLY",
      "value": "0.2s",
      "scope": "global",
      "cssProperties": [
        "animation*",
        "transition*"
      ],
      "type": "time",
      "category": "time",
      "comment": "0.2 seconds, 12 frames"
    },
    "DURATION_SLOWLY": {
      "originalValue": "{!DURATION_SLOWLY}",
      "access": "global",
      "primitive": true,
      "name": "DURATION_SLOWLY",
      "value": "0.4s",
      "scope": "global",
      "cssProperties": [
        "animation*",
        "transition*"
      ],
      "type": "time",
      "category": "time",
      "comment": "0.4 seconds, 24 frames"
    },
    "DURATION_PAUSED": {
      "originalValue": "{!DURATION_PAUSED}",
      "access": "global",
      "primitive": true,
      "name": "DURATION_PAUSED",
      "value": "3.2s",
      "scope": "global",
      "cssProperties": [
        "animation*",
        "transition*"
      ],
      "type": "time",
      "category": "time",
      "comment": "3.2 seconds, 192 frames"
    },
    "FONT_FAMILY": {
      "originalValue": "{!SANS_SERIF}",
      "access": "global",
      "primitive": true,
      "name": "FONT_FAMILY",
      "value": "'Salesforce Sans', Arial, sans-serif",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-family"
      ],
      "type": "font",
      "category": "font",
      "comment": "Default font-family for Salesforce applications"
    },
    "FONT_FAMILY_HEADING": {
      "category": "font",
      "type": "font",
      "cssProperties": [
        "font",
        "font-family"
      ],
      "scope": "global",
      "primitive": true,
      "value": "'Salesforce Sans', Arial, sans-serif",
      "originalValue": "{!SANS_SERIF}",
      "name": "FONT_FAMILY_HEADING"
    },
    "FONT_FAMILY_MONOSPACE": {
      "category": "font",
      "type": "font",
      "cssProperties": [
        "font",
        "font-family"
      ],
      "scope": "global",
      "primitive": true,
      "value": "Consolas, Menlo, Monaco, Courier, monospace",
      "originalValue": "{!MONOSPACE}",
      "name": "FONT_FAMILY_MONOSPACE"
    },
    "FONT_SIZE_1": {
      "originalValue": "{!FONT_SIZE_1}",
      "primitive": true,
      "name": "FONT_SIZE_1",
      "value": "0.625rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Constant typography token for font size 1"
    },
    "FONT_SIZE_2": {
      "originalValue": "{!FONT_SIZE_2}",
      "primitive": true,
      "name": "FONT_SIZE_2",
      "value": "0.75rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Constant typography token for font size 2"
    },
    "FONT_SIZE_3": {
      "originalValue": "{!FONT_SIZE_3}",
      "primitive": true,
      "name": "FONT_SIZE_3",
      "value": "0.8125rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Constant typography token for font size 3"
    },
    "VAR_FONT_SIZE_10": {
      "originalValue": "{!FONT_SIZE_10}",
      "primitive": true,
      "name": "VAR_FONT_SIZE_10",
      "value": "2rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Variable typography token for font size 10"
    },
    "FONT_SIZE_4": {
      "originalValue": "{!FONT_SIZE_4}",
      "primitive": true,
      "name": "FONT_SIZE_4",
      "value": "0.875rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Constant typography token for font size 4"
    },
    "VAR_FONT_SIZE_11": {
      "originalValue": "{!FONT_SIZE_11}",
      "primitive": true,
      "name": "VAR_FONT_SIZE_11",
      "value": "2.625rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Variable typography token for font size 11"
    },
    "FONT_SIZE_5": {
      "originalValue": "{!FONT_SIZE_5}",
      "primitive": true,
      "name": "FONT_SIZE_5",
      "value": "1rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Constant typography token for font size 5"
    },
    "FONT_SIZE_6": {
      "originalValue": "{!FONT_SIZE_6}",
      "primitive": true,
      "name": "FONT_SIZE_6",
      "value": "1.125rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Constant typography token for font size 6"
    },
    "FONT_SIZE_7": {
      "originalValue": "{!FONT_SIZE_7}",
      "primitive": true,
      "name": "FONT_SIZE_7",
      "value": "1.25rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Constant typography token for font size 7"
    },
    "FONT_SIZE_8": {
      "originalValue": "{!FONT_SIZE_8}",
      "primitive": true,
      "name": "FONT_SIZE_8",
      "value": "1.5rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Constant typography token for font size 8"
    },
    "VAR_FONT_SIZE_1": {
      "originalValue": "{!FONT_SIZE_1}",
      "primitive": true,
      "name": "VAR_FONT_SIZE_1",
      "value": "0.625rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Variable typography token for font size 1"
    },
    "FONT_SIZE_9": {
      "originalValue": "{!FONT_SIZE_9}",
      "primitive": true,
      "name": "FONT_SIZE_9",
      "value": "1.75rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Constant typography token for font size 9"
    },
    "VAR_FONT_SIZE_2": {
      "originalValue": "{!FONT_SIZE_2}",
      "primitive": true,
      "name": "VAR_FONT_SIZE_2",
      "value": "0.75rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Variable typography token for font size 2"
    },
    "VAR_FONT_SIZE_3": {
      "originalValue": "{!FONT_SIZE_3}",
      "primitive": true,
      "name": "VAR_FONT_SIZE_3",
      "value": "0.8125rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Variable typography token for font size 3"
    },
    "FONT_SIZE_10": {
      "originalValue": "{!FONT_SIZE_10}",
      "primitive": true,
      "name": "FONT_SIZE_10",
      "value": "2rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Constant typography token for font size 10"
    },
    "VAR_FONT_SIZE_4": {
      "originalValue": "{!FONT_SIZE_4}",
      "primitive": true,
      "name": "VAR_FONT_SIZE_4",
      "value": "0.875rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Variable typography token for font size 4"
    },
    "FONT_SIZE_11": {
      "originalValue": "{!FONT_SIZE_11}",
      "primitive": true,
      "name": "FONT_SIZE_11",
      "value": "2.625rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Constant typography token for font size 11"
    },
    "VAR_FONT_SIZE_5": {
      "originalValue": "{!FONT_SIZE_5}",
      "primitive": true,
      "name": "VAR_FONT_SIZE_5",
      "value": "1rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Variable typography token for font size 5"
    },
    "VAR_FONT_SIZE_6": {
      "originalValue": "{!FONT_SIZE_6}",
      "primitive": true,
      "name": "VAR_FONT_SIZE_6",
      "value": "1.125rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Variable typography token for font size 6"
    },
    "VAR_FONT_SIZE_7": {
      "originalValue": "{!FONT_SIZE_7}",
      "primitive": true,
      "name": "VAR_FONT_SIZE_7",
      "value": "1.25rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Variable typography token for font size 7"
    },
    "VAR_FONT_SIZE_8": {
      "originalValue": "{!FONT_SIZE_8}",
      "primitive": true,
      "name": "VAR_FONT_SIZE_8",
      "value": "1.5rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Variable typography token for font size 8"
    },
    "VAR_FONT_SIZE_9": {
      "originalValue": "{!FONT_SIZE_9}",
      "primitive": true,
      "name": "VAR_FONT_SIZE_9",
      "value": "1.75rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "type": "font-size",
      "category": "font-size",
      "comment": "Variable typography token for font size 9"
    },
    "FONT_WEIGHT_LIGHT": {
      "originalValue": "{!FONT_WEIGHT_LIGHT}",
      "access": "global",
      "primitive": true,
      "name": "FONT_WEIGHT_LIGHT",
      "value": "300",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-weight"
      ],
      "type": "font-weight",
      "category": "font",
      "comment": "Use for large headings only."
    },
    "FONT_WEIGHT_REGULAR": {
      "originalValue": "{!FONT_WEIGHT_REGULAR}",
      "access": "global",
      "primitive": true,
      "name": "FONT_WEIGHT_REGULAR",
      "value": "400",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-weight"
      ],
      "type": "font-weight",
      "category": "font",
      "comment": "Most all body copy."
    },
    "FONT_WEIGHT_BOLD": {
      "originalValue": "{!FONT_WEIGHT_BOLD}",
      "access": "global",
      "primitive": true,
      "name": "FONT_WEIGHT_BOLD",
      "value": "700",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-weight"
      ],
      "type": "font-weight",
      "category": "font",
      "comment": "Used sparingly for emphasized text within regular body copy."
    },
    "LINE_HEIGHT_HEADING": {
      "originalValue": "1.25",
      "access": "global",
      "primitive": true,
      "name": "LINE_HEIGHT_HEADING",
      "value": "1.25",
      "scope": "global",
      "cssProperties": [
        "font",
        "*height"
      ],
      "type": "number",
      "category": "line-height",
      "comment": "Unitless line-heights for reusability"
    },
    "LINE_HEIGHT_TEXT": {
      "originalValue": "1.5",
      "access": "global",
      "primitive": true,
      "name": "LINE_HEIGHT_TEXT",
      "value": "1.5",
      "scope": "global",
      "cssProperties": [
        "font",
        "*height"
      ],
      "type": "number",
      "category": "line-height",
      "comment": "Unitless line-heights for reusability"
    },
    "LINE_HEIGHT_RESET": {
      "originalValue": "1",
      "access": "global",
      "primitive": true,
      "name": "LINE_HEIGHT_RESET",
      "value": "1",
      "scope": "global",
      "cssProperties": [
        "font",
        "*height"
      ],
      "type": "number",
      "category": "line-height",
      "comment": "Remove extra leading. Unitless line-heights for reusability"
    },
    "VAR_LINE_HEIGHT_TEXT": {
      "originalValue": "1.5",
      "primitive": true,
      "name": "VAR_LINE_HEIGHT_TEXT",
      "value": "1.5",
      "scope": "global",
      "cssProperties": [
        "font",
        "*height"
      ],
      "type": "number",
      "category": "line-height",
      "comment": "Variable unitless line-heights for reusability"
    },
    "OPACITY_5": {
      "originalValue": "0.5",
      "primitive": true,
      "name": "OPACITY_5",
      "value": "0.5",
      "scope": "global",
      "cssProperties": [
        "opacity"
      ],
      "type": "opacity",
      "category": "opacity",
      "comment": "50% transparency of an element"
    },
    "OPACITY_8": {
      "originalValue": "0.8",
      "primitive": true,
      "name": "OPACITY_8",
      "value": "0.8",
      "scope": "global",
      "cssProperties": [
        "opacity"
      ],
      "type": "opacity",
      "category": "opacity",
      "comment": "80% transparency of an element"
    },
    "BRAND_HEADER_CONTRAST_WEAK_DISABLED": {
      "originalValue": "rgba(166,166,166,0.25)",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_CONTRAST_WEAK_DISABLED",
      "value": "rgba(166,166,166,0.25)",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Disabled state of BRAND_HEADER_CONTRAST_WEAK"
    },
    "COLOR_GRAY_11": {
      "originalValue": "{!PALETTE_GRAY_11}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_11",
      "value": "#3e3e3c",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 11"
    },
    "BRAND_PRIMARY_TRANSPARENT_10": {
      "originalValue": "rgba(21,137,238,0.1)",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_PRIMARY_TRANSPARENT_10",
      "value": "rgba(21,137,238,0.1)",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Transparent value of BRAND_PRIMARY at 10%"
    },
    "COLOR_GRAY_12": {
      "originalValue": "{!PALETTE_GRAY_12}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_12",
      "value": "#2B2826",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 12"
    },
    "BRAND_BACKGROUND_DARK_TRANSPARENT": {
      "originalValue": "rgba(25,85,148,0)",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_BACKGROUND_DARK_TRANSPARENT",
      "value": "rgba(25,85,148,0)",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "These RGBA values need to be updated if BRAND_BACKGROUND_DARK changes, solves webkit bug"
    },
    "COLOR_GRAY_13": {
      "originalValue": "{!PALETTE_GRAY_13}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_13",
      "value": "#080707",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 13"
    },
    "BRAND_HEADER": {
      "originalValue": "{!PALETTE_GRAY_1}",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER",
      "value": "#FFFFFF",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Background color a branded app header"
    },
    "BRAND_LIGHT_ACTIVE": {
      "originalValue": "{!BRAND_LIGHT_ACTIVE}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_LIGHT_ACTIVE",
      "value": "#e3e5ed",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_LIGHT"
    },
    "BRAND_HEADER_CONTRAST_WARM": {
      "originalValue": "#BF0201",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_CONTRAST_WARM",
      "value": "#BF0201",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Variant of BRAND_HEADER_CONTRAST that provides a warm color"
    },
    "BRAND_HEADER_ICON_DISABLED": {
      "originalValue": "rgba(145,145,145,0.25)",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_ICON_DISABLED",
      "value": "rgba(145,145,145,0.25)",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Disabled state of BRAND_HEADER_ICON"
    },
    "BRAND_HEADER_CONTRAST_ACTIVE": {
      "originalValue": "#505050",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_CONTRAST_ACTIVE",
      "value": "#505050",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_HEADER_CONTRAST"
    },
    "BRAND_BACKGROUND_PRIMARY": {
      "originalValue": "{!BRAND_BACKGROUND_PRIMARY}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_BACKGROUND_PRIMARY",
      "value": "#b0c4df",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Primary page background color"
    },
    "BRAND_PRIMARY": {
      "originalValue": "{!BRAND_PRIMARY}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_PRIMARY",
      "value": "#1589ee",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Primary brand color"
    },
    "BRAND_HEADER_CONTRAST_WEAK_ACTIVE": {
      "originalValue": "#818181",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_CONTRAST_WEAK_ACTIVE",
      "value": "#818181",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_HEADER_CONTRAST_WEAK"
    },
    "BRAND_CONTRAST_ACTIVE": {
      "originalValue": "{!BRAND_CONTRAST_ACTIVE}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_CONTRAST_ACTIVE",
      "value": "#0d0e12",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_CONTRAST"
    },
    "BRAND_HEADER_CONTRAST_COOL": {
      "originalValue": "#005583",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_CONTRAST_COOL",
      "value": "#005583",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Variant of BRAND_HEADER_CONTRAST that provides a cool color"
    },
    "BRAND_HEADER_CONTRAST_INVERSE": {
      "originalValue": "#ffffff",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_CONTRAST_INVERSE",
      "value": "#ffffff",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Variant of BRAND_HEADER that is accessible with BRAND_HEADER"
    },
    "BRAND_DARK": {
      "originalValue": "{!BRAND_DARK}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_DARK",
      "value": "#182337",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Dark variant of BRAND that is accessible with light colors"
    },
    "BRAND_ACCESSIBLE": {
      "originalValue": "{!BRAND_ACCESSIBLE}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_ACCESSIBLE",
      "value": "#0070d2",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Dark variant of BRAND that is accessible with white"
    },
    "BRAND_BACKGROUND_DARK": {
      "originalValue": "{!BRAND_BACKGROUND_DARK}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_BACKGROUND_DARK",
      "value": "#195594",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Dark variant of BRAND_BACKGROUND_PRIMARY, used within gradient of background color"
    },
    "BRAND_TEXT_LINK_ACTIVE": {
      "originalValue": "{!BRAND_TEXT_LINK_ACTIVE}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_TEXT_LINK_ACTIVE",
      "value": "#005fb2",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_TEXT_LINK"
    },
    "COLOR_GRAY_1": {
      "originalValue": "{!PALETTE_GRAY_1}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_1",
      "value": "#FFFFFF",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 1"
    },
    "COLOR_GRAY_2": {
      "originalValue": "{!PALETTE_GRAY_2}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_2",
      "value": "#fafaf9",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 2"
    },
    "BRAND_HEADER_ICON_ACTIVE": {
      "originalValue": "#818181",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_ICON_ACTIVE",
      "value": "#818181",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_HEADER_ICON"
    },
    "COLOR_GRAY_3": {
      "originalValue": "{!PALETTE_GRAY_3}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_3",
      "value": "#f3f2f2",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 3"
    },
    "BRAND_HEADER_ICON": {
      "originalValue": "#919191",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_ICON",
      "value": "#919191",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Icons of BRAND_HEADER that is accessible with BRAND_HEADER"
    },
    "BRAND_DISABLED": {
      "originalValue": "{!BRAND_DISABLED}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_DISABLED",
      "value": "#c9c7c5",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Disabled state of BRAND_A11Y"
    },
    "BRAND_TEXT_LINK": {
      "originalValue": "{!BRAND_TEXT_LINK}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_TEXT_LINK",
      "value": "#006DCC",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Primary text link brand color"
    },
    "COLOR_GRAY_4": {
      "originalValue": "{!PALETTE_GRAY_4}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_4",
      "value": "#ecebea",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 4"
    },
    "COLOR_GRAY_5": {
      "originalValue": "{!PALETTE_GRAY_5}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_5",
      "value": "#dddbda",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 5"
    },
    "COLOR_GRAY_6": {
      "originalValue": "{!PALETTE_GRAY_6}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_6",
      "value": "#c9c7c5",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 6"
    },
    "BRAND_ACCESSIBLE_ACTIVE": {
      "originalValue": "{!BRAND_ACCESSIBLE_ACTIVE}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_ACCESSIBLE_ACTIVE",
      "value": "#005fb2",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_A11Y"
    },
    "COLOR_GRAY_7": {
      "originalValue": "{!PALETTE_GRAY_7}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_7",
      "value": "#b0adab",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 7"
    },
    "BRAND_DARK_ACTIVE": {
      "originalValue": "{!BRAND_DARK_ACTIVE}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_DARK_ACTIVE",
      "value": "#253045",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_DARK"
    },
    "COLOR_GRAY_8": {
      "originalValue": "{!PALETTE_GRAY_8}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_8",
      "value": "#969492",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 8"
    },
    "BRAND_HEADER_CONTRAST_INVERSE_ACTIVE": {
      "originalValue": "#eeeeee",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_CONTRAST_INVERSE_ACTIVE",
      "value": "#eeeeee",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_HEADER_CONTRAST"
    },
    "BRAND_HEADER_CONTRAST_COOL_ACTIVE": {
      "originalValue": "#005583",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_CONTRAST_COOL_ACTIVE",
      "value": "#005583",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_HEADER_CONTRAST_COOL"
    },
    "COLOR_GRAY_9": {
      "originalValue": "{!PALETTE_GRAY_9}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_9",
      "value": "#706e6b",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 9"
    },
    "BRAND_CONTRAST": {
      "originalValue": "{!BRAND_CONTRAST}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_CONTRAST",
      "value": "#1a1b1e",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Variant of BRAND that is accessible with BRAND"
    },
    "BRAND_HEADER_CONTRAST_WEAK": {
      "originalValue": "#919191",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_CONTRAST_WEAK",
      "value": "#919191",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Weak contrast ratio, useful for iconography"
    },
    "BRAND_PRIMARY_ACTIVE": {
      "originalValue": "{!BRAND_PRIMARY_ACTIVE}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_PRIMARY_ACTIVE",
      "value": "#007add",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_PRIMARY"
    },
    "BRAND_BACKGROUND_PRIMARY_TRANSPARENT": {
      "originalValue": "rgba(176,196,223,0)",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_BACKGROUND_PRIMARY_TRANSPARENT",
      "value": "rgba(176,196,223,0)",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "These RGBA values need to be updated if BRAND_BACKGROUND_PRIMARY changes, solves webkit bug"
    },
    "BRAND_HEADER_CONTRAST": {
      "originalValue": "#5e5e5e",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_CONTRAST",
      "value": "#5e5e5e",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Variant of BRAND_HEADER that is accessible with BRAND_HEADER"
    },
    "BRAND_PRIMARY_TRANSPARENT": {
      "originalValue": "rgba(21,137,238,0.1)",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_PRIMARY_TRANSPARENT",
      "value": "rgba(21,137,238,0.1)",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Transparent value of BRAND_PRIMARY"
    },
    "BRAND_HEADER_CONTRAST_WARM_ACTIVE": {
      "originalValue": "#ac0000",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_HEADER_CONTRAST_WARM_ACTIVE",
      "value": "#ac0000",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Active / Hover state of BRAND_HEADER_CONTRAST_WARM"
    },
    "BRAND_PRIMARY_TRANSPARENT_40": {
      "originalValue": "rgba(21,137,238,0.4)",
      "themeable": true,
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_PRIMARY_TRANSPARENT_40",
      "value": "rgba(21,137,238,0.4)",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Transparent value of BRAND_PRIMARY at 40%"
    },
    "BRAND_LIGHT": {
      "originalValue": "{!BRAND_LIGHT}",
      "themeable": true,
      "access": "global",
      "release": "2.6.0",
      "primitive": true,
      "name": "BRAND_LIGHT",
      "value": "#f4f6fe",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Light variant of BRAND that is accessible with dark colors"
    },
    "COLOR_GRAY_10": {
      "originalValue": "{!PALETTE_GRAY_10}",
      "release": "2.5.0",
      "primitive": true,
      "name": "COLOR_GRAY_10",
      "value": "#514f4d",
      "scope": "global",
      "cssProperties": [
        "background-color",
        "border*color",
        "box-shadow",
        "fill",
        "color"
      ],
      "type": "color",
      "category": "color",
      "comment": "Gray Color 10"
    },
    "SIZE_X_SMALL": {
      "originalValue": "{!SIZE_X_SMALL}",
      "access": "global",
      "primitive": true,
      "name": "SIZE_X_SMALL",
      "value": "12rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Generic sizing token scale for UI components."
    },
    "SIZE_XXX_SMALL": {
      "originalValue": "{!SIZE_XXX_SMALL}",
      "primitive": true,
      "name": "SIZE_XXX_SMALL",
      "value": "3rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Generic sizing token scale for UI components."
    },
    "SQUARE_ICON_UTILITY_LARGE": {
      "originalValue": "{!SIZE_SQUARE_X_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_UTILITY_LARGE",
      "value": "1.5rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Large utility icon without border."
    },
    "SIZE_XX_SMALL": {
      "originalValue": "{!SIZE_XX_SMALL}",
      "access": "global",
      "primitive": true,
      "name": "SIZE_XX_SMALL",
      "value": "6rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Generic sizing token scale for UI components."
    },
    "SQUARE_ICON_SMALL_BOUNDARY": {
      "originalValue": "{!SIZE_SQUARE_X_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_SMALL_BOUNDARY",
      "value": "1.5rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Search Results: Outer colored tile"
    },
    "SIZE_SMALL": {
      "originalValue": "{!SIZE_SMALL}",
      "access": "global",
      "primitive": true,
      "name": "SIZE_SMALL",
      "value": "15rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Generic sizing token scale for UI components."
    },
    "SQUARE_ICON_UTILITY_MEDIUM": {
      "originalValue": "{!SIZE_SQUARE_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_UTILITY_MEDIUM",
      "value": "1.25rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Medium utility icon without border."
    },
    "SQUARE_ICON_X_SMALL_BOUNDARY": {
      "originalValue": "{!SIZE_SQUARE_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_X_SMALL_BOUNDARY",
      "value": "1.25rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Very small icon button boundary."
    },
    "SQUARE_ICON_UTILITY_SMALL": {
      "originalValue": "{!SIZE_SQUARE_MEDIUM}",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_UTILITY_SMALL",
      "value": "1rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Small utility icon without border."
    },
    "SQUARE_ICON_MEDIUM_BOUNDARY": {
      "originalValue": "{!SIZE_SQUARE_XX_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_MEDIUM_BOUNDARY",
      "value": "2rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Stage left & actions: Outer colored tile"
    },
    "SQUARE_ICON_LARGE_CONTENT": {
      "originalValue": "{!SIZE_SQUARE_XX_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_LARGE_CONTENT",
      "value": "2rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Anchor: Icon content (white shape)"
    },
    "SQUARE_ICON_LARGE_BOUNDARY": {
      "originalValue": "3rem",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_LARGE_BOUNDARY",
      "value": "3rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Anchor: Outer colored tile"
    },
    "SIZE_MEDIUM": {
      "originalValue": "{!SIZE_MEDIUM}",
      "access": "global",
      "primitive": true,
      "name": "SIZE_MEDIUM",
      "value": "20rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Generic sizing token scale for UI components."
    },
    "SQUARE_ICON_MEDIUM_CONTENT": {
      "originalValue": "{!SIZE_SQUARE_MEDIUM}",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_MEDIUM_CONTENT",
      "value": "1rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Stage left & actions: Icon content (white shape)"
    },
    "SIZE_X_LARGE": {
      "originalValue": "{!SIZE_X_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SIZE_X_LARGE",
      "value": "40rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Generic sizing token scale for UI components."
    },
    "SQUARE_ICON_X_SMALL_CONTENT": {
      "originalValue": "{!SIZE_SQUARE_XXX_SMALL}",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_X_SMALL_CONTENT",
      "value": "0.5rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Very small icons in icon buttons."
    },
    "VAR_SQUARE_ICON_MEDIUM_BOUNDARY": {
      "originalValue": "{!SIZE_SQUARE_XX_LARGE}",
      "primitive": true,
      "name": "VAR_SQUARE_ICON_MEDIUM_BOUNDARY",
      "value": "2rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Variable medium boundary for square icons"
    },
    "SQUARE_ICON_MEDIUM_BOUNDARY_ALT": {
      "originalValue": "{!SIZE_SQUARE_XXX_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_MEDIUM_BOUNDARY_ALT",
      "value": "2.25rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Icon button boundary."
    },
    "SIZE_XX_LARGE": {
      "originalValue": "{!SIZE_XX_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SIZE_XX_LARGE",
      "value": "60rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Generic sizing token scale for UI components."
    },
    "SQUARE_ICON_LARGE_BOUNDARY_ALT": {
      "originalValue": "5rem",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_LARGE_BOUNDARY_ALT",
      "value": "5rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Anchor: avatar"
    },
    "SIZE_LARGE": {
      "originalValue": "{!SIZE_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SIZE_LARGE",
      "value": "25rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Generic sizing token scale for UI components."
    },
    "SQUARE_ICON_SMALL_CONTENT": {
      "originalValue": "{!SIZE_SQUARE_XX_SMALL}",
      "access": "global",
      "primitive": true,
      "name": "SQUARE_ICON_SMALL_CONTENT",
      "value": "0.75rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Search Results: Icon content (white shape)"
    },
    "SQUARE_ICON_XX_SMALL_BOUNDARY": {
      "originalValue": "{!SIZE_SQUARE_MEDIUM}",
      "primitive": true,
      "name": "SQUARE_ICON_XX_SMALL_BOUNDARY",
      "value": "1rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Very very small icon button boundary."
    },
    "SQUARE_ICON_MEDIUM_CONTENT_ALT": {
      "originalValue": "{!SIZE_SQUARE_SMALL}",
      "primitive": true,
      "name": "SQUARE_ICON_MEDIUM_CONTENT_ALT",
      "value": "0.875rem",
      "scope": "global",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "sizing",
      "comment": "Alternate medium tap target size"
    },
    "VAR_SPACING_X_LARGE": {
      "originalValue": "{!SPACING_X_LARGE}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_X_LARGE",
      "value": "2rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable spacing token for size X Large"
    },
    "VAR_SPACING_HORIZONTAL_SMALL": {
      "originalValue": "{!SPACING_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_HORIZONTAL_SMALL",
      "value": "0.75rem",
      "scope": "global",
      "cssProperties": [
        "left",
        "right",
        "margin-left",
        "margin-right",
        "padding-left",
        "padding-right"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable horizontal spacing token for size Small"
    },
    "VAR_SPACING_HORIZONTAL_XX_LARGE": {
      "originalValue": "{!SPACING_XX_LARGE}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_HORIZONTAL_XX_LARGE",
      "value": "3rem",
      "scope": "global",
      "cssProperties": [
        "left",
        "right",
        "margin-left",
        "margin-right",
        "padding-left",
        "padding-right"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable horizontal spacing token for size XX Large"
    },
    "SPACING_X_SMALL": {
      "originalValue": "{!SPACING_X_SMALL}",
      "access": "global",
      "primitive": true,
      "name": "SPACING_X_SMALL",
      "value": "0.5rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Constant spacing token for size X small"
    },
    "SPACING_XXX_SMALL": {
      "originalValue": "{!SPACING_XXX_SMALL}",
      "access": "global",
      "primitive": true,
      "name": "SPACING_XXX_SMALL",
      "value": "0.125rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Constant spacing token for size XXX small"
    },
    "SPACING_XX_SMALL": {
      "originalValue": "{!SPACING_XX_SMALL}",
      "access": "global",
      "primitive": true,
      "name": "SPACING_XX_SMALL",
      "value": "0.25rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Constant spacing token for size XX small"
    },
    "VAR_SPACING_VERTICAL_LARGE": {
      "originalValue": "{!SPACING_LARGE}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_VERTICAL_LARGE",
      "value": "1.5rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "bottom",
        "margin-top",
        "margin-bottom",
        "padding-top",
        "padding-bottom"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable vertical spacing token for size Large"
    },
    "VAR_SPACING_LARGE": {
      "originalValue": "{!SPACING_LARGE}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_LARGE",
      "value": "1.5rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable spacing token for size Large"
    },
    "VAR_SPACING_MEDIUM": {
      "originalValue": "{!SPACING_MEDIUM}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_MEDIUM",
      "value": "1rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable spacing token for size Medium"
    },
    "VAR_SPACING_VERTICAL_MEDIUM": {
      "originalValue": "{!SPACING_MEDIUM}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_VERTICAL_MEDIUM",
      "value": "1rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "bottom",
        "margin-top",
        "margin-bottom",
        "padding-top",
        "padding-bottom"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable vertical spacing token for size Medium"
    },
    "VAR_SPACING_VERTICAL_X_SMALL": {
      "originalValue": "{!SPACING_X_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_VERTICAL_X_SMALL",
      "value": "0.5rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "bottom",
        "margin-top",
        "margin-bottom",
        "padding-top",
        "padding-bottom"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable vertical spacing token for size X Small"
    },
    "SPACING_SMALL": {
      "originalValue": "{!SPACING_SMALL}",
      "access": "global",
      "primitive": true,
      "name": "SPACING_SMALL",
      "value": "0.75rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Constant spacing token for size Small"
    },
    "VAR_SPACING_VERTICAL_XXX_SMALL": {
      "originalValue": "{!SPACING_XXX_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_VERTICAL_XXX_SMALL",
      "value": "0.125rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "bottom",
        "margin-top",
        "margin-bottom",
        "padding-top",
        "padding-bottom"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable vertical spacing token for size XXX Small"
    },
    "VAR_SPACING_X_SMALL": {
      "originalValue": "{!SPACING_X_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_X_SMALL",
      "value": "0.5rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable spacing token for size X Small"
    },
    "VAR_SPACING_XXX_SMALL": {
      "originalValue": "{!SPACING_XXX_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_XXX_SMALL",
      "value": "0.125rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable spacing token for size XXX Small"
    },
    "VAR_SPACING_HORIZONTAL_X_LARGE": {
      "originalValue": "{!SPACING_X_LARGE}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_HORIZONTAL_X_LARGE",
      "value": "2rem",
      "scope": "global",
      "cssProperties": [
        "left",
        "right",
        "margin-left",
        "margin-right",
        "padding-left",
        "padding-right"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable horizontal spacing token for size X Large"
    },
    "VAR_SPACING_HORIZONTAL_XX_SMALL": {
      "originalValue": "{!SPACING_XX_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_HORIZONTAL_XX_SMALL",
      "value": "0.25rem",
      "scope": "global",
      "cssProperties": [
        "left",
        "right",
        "margin-left",
        "margin-right",
        "padding-left",
        "padding-right"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable horizontal spacing token for size XX Small"
    },
    "VAR_SPACING_XX_LARGE": {
      "originalValue": "{!SPACING_XX_LARGE}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_XX_LARGE",
      "value": "3rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable spacing token for size XX Large"
    },
    "SPACING_MEDIUM": {
      "originalValue": "{!SPACING_MEDIUM}",
      "access": "global",
      "primitive": true,
      "name": "SPACING_MEDIUM",
      "value": "1rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Constant spacing token for size Medium"
    },
    "VAR_SPACING_VERTICAL_XX_LARGE": {
      "originalValue": "{!SPACING_XX_LARGE}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_VERTICAL_XX_LARGE",
      "value": "3rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "bottom",
        "margin-top",
        "margin-bottom",
        "padding-top",
        "padding-bottom"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable vertical spacing token for size XX Large"
    },
    "VAR_SPACING_VERTICAL_SMALL": {
      "originalValue": "{!SPACING_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_VERTICAL_SMALL",
      "value": "0.75rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "bottom",
        "margin-top",
        "margin-bottom",
        "padding-top",
        "padding-bottom"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable vertical spacing token for size Small"
    },
    "VAR_SPACING_SMALL": {
      "originalValue": "{!SPACING_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_SMALL",
      "value": "0.75rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable spacing token for size Small"
    },
    "SPACING_NONE": {
      "originalValue": "{!SPACING_NONE}",
      "primitive": true,
      "name": "SPACING_NONE",
      "value": "0",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Constant spacing token for 0"
    },
    "VAR_SPACING_HORIZONTAL_LARGE": {
      "originalValue": "{!SPACING_LARGE}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_HORIZONTAL_LARGE",
      "value": "1.5rem",
      "scope": "global",
      "cssProperties": [
        "left",
        "right",
        "margin-left",
        "margin-right",
        "padding-left",
        "padding-right"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable horizontal spacing token for size Large"
    },
    "SPACING_X_LARGE": {
      "originalValue": "{!SPACING_X_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SPACING_X_LARGE",
      "value": "2rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Constant spacing token for size X Large"
    },
    "SPACING_XX_LARGE": {
      "originalValue": "{!SPACING_XX_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SPACING_XX_LARGE",
      "value": "3rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Constant spacing token for size XX Large"
    },
    "VAR_SPACING_HORIZONTAL_XXX_SMALL": {
      "originalValue": "{!SPACING_XXX_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_HORIZONTAL_XXX_SMALL",
      "value": "0.125rem",
      "scope": "global",
      "cssProperties": [
        "left",
        "right",
        "margin-left",
        "margin-right",
        "padding-left",
        "padding-right"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable horizontal spacing token for size XXX Small"
    },
    "VAR_SPACING_HORIZONTAL_X_SMALL": {
      "originalValue": "{!SPACING_X_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_HORIZONTAL_X_SMALL",
      "value": "0.5rem",
      "scope": "global",
      "cssProperties": [
        "left",
        "right",
        "margin-left",
        "margin-right",
        "padding-left",
        "padding-right"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable horizontal spacing token for size X Small"
    },
    "VAR_SPACING_XX_SMALL": {
      "originalValue": "{!SPACING_XX_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_XX_SMALL",
      "value": "0.25rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable spacing token for size XX Small"
    },
    "VAR_SPACING_HORIZONTAL_MEDIUM": {
      "originalValue": "{!SPACING_MEDIUM}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_HORIZONTAL_MEDIUM",
      "value": "1rem",
      "scope": "global",
      "cssProperties": [
        "left",
        "right",
        "margin-left",
        "margin-right",
        "padding-left",
        "padding-right"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable horizontal spacing token for size Medium"
    },
    "VAR_SPACING_VERTICAL_XX_SMALL": {
      "originalValue": "{!SPACING_XX_SMALL}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_VERTICAL_XX_SMALL",
      "value": "0.25rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "bottom",
        "margin-top",
        "margin-bottom",
        "padding-top",
        "padding-bottom"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable vertical spacing token for size XX Small"
    },
    "VAR_SPACING_VERTICAL_X_LARGE": {
      "originalValue": "{!SPACING_X_LARGE}",
      "access": "global",
      "release": "2.7.0",
      "primitive": true,
      "name": "VAR_SPACING_VERTICAL_X_LARGE",
      "value": "2rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "bottom",
        "margin-top",
        "margin-bottom",
        "padding-top",
        "padding-bottom"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Variable vertical spacing token for size X Large"
    },
    "SPACING_LARGE": {
      "originalValue": "{!SPACING_LARGE}",
      "access": "global",
      "primitive": true,
      "name": "SPACING_LARGE",
      "value": "1.5rem",
      "scope": "global",
      "cssProperties": [
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "border*",
        "*width",
        "*height",
        "box-shadow",
        "stroke",
        "stroke-width"
      ],
      "type": "size",
      "category": "spacing",
      "comment": "Constant spacing token for size Large"
    },
    "COLOR_TEXT_ACTION_LABEL": {
      "originalValue": "{!PALETTE_GRAY_11}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_ACTION_LABEL",
      "value": "#3e3e3c",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Action label text color"
    },
    "COLOR_TEXT_LINK_INVERSE": {
      "originalValue": "{!WHITE}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_LINK_INVERSE",
      "value": "#FFFFFF",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Link color on dark background"
    },
    "COLOR_TEXT_LINK_INVERSE_ACTIVE": {
      "originalValue": "{!WHITE_TRANSPARENT_50}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_LINK_INVERSE_ACTIVE",
      "value": "rgba(255, 255, 255, 0.50)",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Link color on dark background - active state"
    },
    "COLOR_TEXT_ACTION_LABEL_ACTIVE": {
      "originalValue": "{!PALETTE_GRAY_13}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_ACTION_LABEL_ACTIVE",
      "value": "#080707",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Action label active text color"
    },
    "COLOR_TEXT_WARNING": {
      "originalValue": "{!KOROMIKO}",
      "primitive": true,
      "name": "COLOR_TEXT_WARNING",
      "value": "#FFB75D",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Color for texts or icons that are related to warnings on a dark background."
    },
    "COLOR_TEXT_LINK_FOCUS": {
      "originalValue": "{!ENDEAVOUR}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_LINK_FOCUS",
      "value": "#005FB2",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Focus link text"
    },
    "COLOR_TEXT_DESTRUCTIVE_HOVER": {
      "originalValue": "{!MEXICAN_RED}",
      "primitive": true,
      "name": "COLOR_TEXT_DESTRUCTIVE_HOVER",
      "value": "#A12B2B",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Text color for destructive actions - hover state"
    },
    "COLOR_TEXT_LINK_DISABLED": {
      "originalValue": "{!BISCAY}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_LINK_DISABLED",
      "value": "#16325C",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Disabled link text"
    },
    "COLOR_TEXT_DEFAULT": {
      "originalValue": "{!PALETTE_GRAY_13}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_DEFAULT",
      "value": "#080707",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Body text color"
    },
    "COLOR_TEXT_DESTRUCTIVE": {
      "originalValue": "{!FLUSH_MAHOGANY}",
      "primitive": true,
      "name": "COLOR_TEXT_DESTRUCTIVE",
      "value": "#C23934",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Text color for destructive actions"
    },
    "COLOR_TEXT_LINK_HOVER": {
      "originalValue": "{!BRAND_TEXT_LINK_ACTIVE}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_LINK_HOVER",
      "value": "#005fb2",
      "scope": "global",
      "cssProperties": [
        "color",
        "border*"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Hover link text"
    },
    "COLOR_TEXT_SUCCESS": {
      "originalValue": "{!FOREST_GREEN}",
      "primitive": true,
      "name": "COLOR_TEXT_SUCCESS",
      "value": "#027E46",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Text color for success text."
    },
    "COLOR_TEXT_WEAK": {
      "originalValue": "{!PALETTE_GRAY_11}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_WEAK",
      "value": "#3e3e3c",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Color for text that is purposefully de-emphasized to create visual hierarchy."
    },
    "COLOR_TEXT_PLACEHOLDER_INVERSE": {
      "originalValue": "{!PALETTE_GRAY_4}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_PLACEHOLDER_INVERSE",
      "value": "#ecebea",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Input placeholder text on dark backgrounds."
    },
    "COLOR_TEXT_LINK": {
      "originalValue": "{!BRAND_TEXT_LINK}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_LINK",
      "value": "#006DCC",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Link text (508)"
    },
    "COLOR_TEXT_WARNING_ALT": {
      "originalValue": "{!CINNAMON}",
      "primitive": true,
      "name": "COLOR_TEXT_WARNING_ALT",
      "value": "#844800",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Color for texts that are related to warnings on a light background."
    },
    "COLOR_TEXT_ICON_DEFAULT": {
      "originalValue": "{!PALETTE_GRAY_9}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_ICON_DEFAULT",
      "value": "#706e6b",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Default icon color."
    },
    "COLOR_TEXT_BRAND": {
      "originalValue": "{!BRAND_PRIMARY}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_BRAND",
      "value": "#1589ee",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Our product brand blue."
    },
    "COLOR_TEXT_ERROR": {
      "originalValue": "{!FLUSH_MAHOGANY}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_ERROR",
      "value": "#C23934",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Error text for inputs and error misc"
    },
    "COLOR_TEXT_CUSTOMER": {
      "originalValue": "{!TANGERINE}",
      "primitive": true,
      "name": "COLOR_TEXT_CUSTOMER",
      "value": "#FF9A3C",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Customer text used in anchor subtitle"
    },
    "COLOR_TEXT_BRAND_PRIMARY": {
      "originalValue": "{!WHITE}",
      "primitive": true,
      "name": "COLOR_TEXT_BRAND_PRIMARY",
      "value": "#FFFFFF",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Text color found on any primary brand color"
    },
    "COLOR_TEXT_LINK_ACTIVE": {
      "originalValue": "{!MIDNIGHT_BLUE}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_LINK_ACTIVE",
      "value": "#00396B",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Active link text"
    },
    "COLOR_TEXT_REQUIRED": {
      "originalValue": "{!FLUSH_MAHOGANY}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_REQUIRED",
      "value": "#C23934",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Color of required field marker."
    },
    "COLOR_TEXT_LINK_INVERSE_DISABLED": {
      "originalValue": "{!WHITE_TRANSPARENT_15}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_LINK_INVERSE_DISABLED",
      "value": "rgba(255, 255, 255, 0.15)",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Link color on dark background - disabled state"
    },
    "COLOR_TEXT_INVERSE": {
      "originalValue": "{!WHITE}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_INVERSE",
      "value": "#FFFFFF",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Inverse text color for dark backgrounds"
    },
    "COLOR_TEXT_PLACEHOLDER": {
      "originalValue": "{!PALETTE_GRAY_9}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_PLACEHOLDER",
      "value": "#706e6b",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Input placeholder text."
    },
    "COLOR_TEXT_INVERSE_WEAK": {
      "originalValue": "{!PALETTE_GRAY_7}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_INVERSE_WEAK",
      "value": "#b0adab",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Weak inverse text color for dark backgrounds"
    },
    "COLOR_TEXT_LINK_INVERSE_HOVER": {
      "originalValue": "{!WHITE_TRANSPARENT_75}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_LINK_INVERSE_HOVER",
      "value": "rgba(255, 255, 255, 0.75)",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Link color on dark background - hover state"
    },
    "COLOR_TEXT_SUCCESS_INVERSE": {
      "originalValue": "{!EMERALD}",
      "primitive": true,
      "name": "COLOR_TEXT_SUCCESS_INVERSE",
      "value": "#4BCA81",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Text color for success text on dark backgrounds."
    },
    "COLOR_TEXT_LABEL": {
      "originalValue": "{!PALETTE_GRAY_11}",
      "access": "global",
      "primitive": true,
      "name": "COLOR_TEXT_LABEL",
      "value": "#3e3e3c",
      "scope": "global",
      "cssProperties": [
        "color",
        "fill"
      ],
      "type": "color",
      "category": "text-color",
      "comment": "Text color for field labels."
    },
    "SQUARE_TAPPABLE": {
      "originalValue": "2.75rem",
      "access": "global",
      "release": "1.0.0",
      "primitive": true,
      "name": "SQUARE_TAPPABLE",
      "value": "2.75rem",
      "scope": "global",
      "property": "sizing",
      "cssProperties": [
        "font",
        "font-size",
        "*width",
        "*height",
        "flex",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "touch",
      "comment": "Tap target size for elements that rely on width and height dimensions"
    },
    "SQUARE_TAPPABLE_SMALL": {
      "originalValue": "2rem",
      "release": "2.10.0",
      "primitive": true,
      "name": "SQUARE_TAPPABLE_SMALL",
      "value": "2rem",
      "scope": "global",
      "property": "sizing",
      "cssProperties": [
        "*width",
        "*height",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "touch",
      "comment": "Small tap target size for elements that rely on width and height dimensions"
    },
    "SQUARE_TAPPABLE_X_SMALL": {
      "originalValue": "1.5rem",
      "release": "2.10.0",
      "primitive": true,
      "name": "SQUARE_TAPPABLE_X_SMALL",
      "value": "1.5rem",
      "scope": "global",
      "property": "sizing",
      "cssProperties": [
        "*width",
        "*height",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "touch",
      "comment": "X-small tap target size for elements that rely on width and height dimensions"
    },
    "SQUARE_TAPPABLE_XX_SMALL": {
      "originalValue": "1.25rem",
      "release": "2.10.0",
      "primitive": true,
      "name": "SQUARE_TAPPABLE_XX_SMALL",
      "value": "1.25rem",
      "scope": "global",
      "property": "sizing",
      "cssProperties": [
        "*width",
        "*height",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "touch",
      "comment": "Xx-small tap target size for elements that rely on width and height dimensions"
    },
    "HEIGHT_TAPPABLE": {
      "originalValue": "2.75rem",
      "release": "2.10.0",
      "primitive": true,
      "name": "HEIGHT_TAPPABLE",
      "value": "2.75rem",
      "scope": "global",
      "property": "sizing",
      "cssProperties": [
        "*width",
        "*height",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "touch",
      "comment": "Tap target size for elements that rely on height or line-height"
    },
    "HEIGHT_TAPPABLE_SMALL": {
      "originalValue": "2rem",
      "release": "2.10.0",
      "primitive": true,
      "name": "HEIGHT_TAPPABLE_SMALL",
      "value": "2rem",
      "scope": "global",
      "property": "sizing",
      "cssProperties": [
        "*width",
        "*height",
        "top",
        "right",
        "bottom",
        "left",
        "margin*",
        "padding*",
        "transform"
      ],
      "type": "size",
      "category": "touch",
      "comment": "Small tap target size for elements that rely on height or line-height"
    },
    "Z_INDEX_DROPDOWN": {
      "originalValue": "7000",
      "primitive": true,
      "name": "Z_INDEX_DROPDOWN",
      "value": "7000",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Dropdown"
    },
    "Z_INDEX_DOCKED": {
      "originalValue": "4",
      "primitive": true,
      "name": "Z_INDEX_DOCKED",
      "value": "4",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Docked element"
    },
    "Z_INDEX_REMINDER": {
      "originalValue": "8500",
      "primitive": true,
      "name": "Z_INDEX_REMINDER",
      "value": "8500",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Notifications under modals"
    },
    "Z_INDEX_SPINNER": {
      "originalValue": "9050",
      "primitive": true,
      "name": "Z_INDEX_SPINNER",
      "value": "9050",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Spinner"
    },
    "Z_INDEX_DEFAULT": {
      "originalValue": "1",
      "primitive": true,
      "name": "Z_INDEX_DEFAULT",
      "value": "1",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Default"
    },
    "Z_INDEX_DEEPDIVE": {
      "originalValue": "-99999",
      "primitive": true,
      "name": "Z_INDEX_DEEPDIVE",
      "value": "-99999",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Deep dive"
    },
    "Z_INDEX_TOAST": {
      "originalValue": "10000",
      "primitive": true,
      "name": "Z_INDEX_TOAST",
      "value": "10000",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Toasts"
    },
    "Z_INDEX_DIALOG": {
      "originalValue": "6000",
      "primitive": true,
      "name": "Z_INDEX_DIALOG",
      "value": "6000",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Dialog"
    },
    "Z_INDEX_POPUP": {
      "originalValue": "5000",
      "primitive": true,
      "name": "Z_INDEX_POPUP",
      "value": "5000",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Popup"
    },
    "Z_INDEX_MODAL": {
      "originalValue": "9000",
      "primitive": true,
      "name": "Z_INDEX_MODAL",
      "value": "9000",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Modal"
    },
    "Z_INDEX_STICKY": {
      "originalValue": "100",
      "primitive": true,
      "name": "Z_INDEX_STICKY",
      "value": "100",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Stickied element"
    },
    "Z_INDEX_OVERLAY": {
      "originalValue": "8000",
      "primitive": true,
      "name": "Z_INDEX_OVERLAY",
      "value": "8000",
      "scope": "global",
      "cssProperties": [
        "z-index"
      ],
      "type": "z-index",
      "category": "z-index",
      "comment": "Overlay"
    }
  }
}