{
  "properties": [
    {
      "value": "only screen and (min-width: 64em)",
      "category": "media-query",
      "type": "media-query",
      "comment": "1024px, for tablet devices and larger.",
      "name": "mqLarge"
    },
    {
      "value": ".8s",
      "category": "motion",
      "type": "time",
      "cssProperties": [
        "animation",
        "animation-duration"
      ],
      "comment": "",
      "name": "timing5"
    },
    {
      "value": "rgb(0, 57, 107)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "Active link color",
      "name": "colorBlueMidnightBlue"
    },
    {
      "value": "8",
      "type": "size",
      "cssProperties": [
        "border-radius",
        "border-top-left-radius",
        "border-top-right-radius",
        "border-bottom-right-radius",
        "border-bottom-left-radius"
      ],
      "category": "radius",
      "comment": "",
      "name": "borderRadiusLarge"
    },
    {
      "value": "1",
      "type": "number",
      "category": "line-height",
      "cssProperties": [
        "font",
        "line-height"
      ],
      "comment": "",
      "name": "lineHeightReset"
    },
    {
      "value": "16",
      "type": "size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "category": "font-size",
      "comment": "",
      "name": "fontSizeMedium"
    },
    {
      "value": "rgb(0, 95, 178)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "Hover and focus link color",
      "name": "colorBlueEndeavour"
    },
    {
      "value": "rgb(230, 236, 242)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueSparta"
    },
    {
      "value": "rgb(23, 50, 77)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueZodiac"
    },
    {
      "value": "400",
      "type": "number",
      "category": "font-weight",
      "cssProperties": [
        "font",
        "font-weight"
      ],
      "comment": "Salesforce Sans Regular",
      "name": "fontWeightRegular"
    },
    {
      "value": "20",
      "type": "size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "category": "font-size",
      "comment": "",
      "name": "fontSizeXLarge"
    },
    {
      "value": "rgb(125, 152, 179)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueGhost"
    },
    {
      "value": "rgb(255, 183, 93)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorOrangeAlert"
    },
    {
      "value": "5s",
      "category": "motion",
      "type": "time",
      "cssProperties": [
        "animation",
        "animation-duration"
      ],
      "comment": "",
      "name": "timingTest"
    },
    {
      "value": "rgb(53, 212, 204)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorGreenSea100"
    },
    {
      "value": "rgb(64, 96, 127)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueRollingstone"
    },
    {
      "value": "0.5",
      "type": "size",
      "cssProperties": [
        "border-radius",
        "border-top-left-radius",
        "border-top-right-radius",
        "border-bottom-right-radius",
        "border-bottom-left-radius"
      ],
      "category": "radius",
      "comment": "",
      "name": "borderRadiusCircle"
    },
    {
      "value": "rgb(108, 183, 250)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueSky100"
    },
    {
      "value": "24",
      "type": "size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "category": "font-size",
      "comment": "",
      "name": "fontSizeXxLarge"
    },
    {
      "value": "14",
      "type": "size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "category": "font-size",
      "comment": "",
      "name": "fontSizeXMedium"
    },
    {
      "value": "rgb(46, 194, 186)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorGreenSea300"
    },
    {
      "value": "rgb(41, 71, 102)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueRhino"
    },
    {
      "value": "rgb(10, 31, 51)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueBigstoneBlue"
    },
    {
      "value": "rgb(75, 202, 129)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorGreenSuccess"
    },
    {
      "value": "rgb(68, 162, 245)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueSky300"
    },
    {
      "value": "only screen and (min-width: 28em)",
      "category": "media-query",
      "type": "media-query",
      "comment": "448px, for phone devices and larger.",
      "name": "mqSmall"
    },
    {
      "value": "rgb(255, 255, 255)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorWhite"
    },
    {
      "value": "2",
      "type": "size",
      "cssProperties": [
        "border-radius",
        "border-top-left-radius",
        "border-top-right-radius",
        "border-bottom-right-radius",
        "border-bottom-left-radius"
      ],
      "category": "radius",
      "comment": "",
      "name": "borderRadiusSmall"
    },
    {
      "value": "'Salesforce Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif",
      "type": "font",
      "category": "font",
      "cssProperties": [
        "font",
        "font-family"
      ],
      "comment": "font-face should be 'Salesforce Sans'.",
      "name": "fontFamilyBody"
    },
    {
      "value": "rgb(173, 144, 245)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorPurpleRain100"
    },
    {
      "value": "18",
      "type": "size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "category": "font-size",
      "comment": "",
      "name": "fontSizeLarge"
    },
    {
      "value": "rgb(39, 171, 164)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorGreenSea500"
    },
    {
      "value": "rgb(45, 147, 237)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueSky500"
    },
    {
      "value": "rgb(163, 184, 204)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueSpider"
    },
    {
      "value": "4",
      "type": "size",
      "cssProperties": [
        "border-radius",
        "border-top-left-radius",
        "border-top-right-radius",
        "border-bottom-right-radius",
        "border-bottom-left-radius"
      ],
      "category": "radius",
      "comment": "",
      "name": "borderRadiusMedium"
    },
    {
      "value": "rgb(146, 113, 232)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorPurpleRain300"
    },
    {
      "value": "rgb(32, 150, 145)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorGreenSea700"
    },
    {
      "value": "rgb(32, 129, 214)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueSky700"
    },
    {
      "value": "rgb(92, 122, 153)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueAluminium"
    },
    {
      "value": "only screen and (min-width: 48em)",
      "category": "media-query",
      "type": "media-query",
      "comment": "768px, for phone devices and larger.",
      "name": "mqMedium"
    },
    {
      "value": "rgb(122, 86, 214)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorPurpleRain500"
    },
    {
      "value": "rgb(27, 130, 125)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorGreenSea900"
    },
    {
      "value": "rgb(25, 112, 189)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueSky900"
    },
    {
      "value": "10",
      "type": "size",
      "category": "font-size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "comment": "",
      "name": "fontSizeXSmall"
    },
    {
      "value": "80",
      "type": "size",
      "cssProperties": [
        "border-radius",
        "border-top-left-radius",
        "border-top-right-radius",
        "border-bottom-right-radius",
        "border-bottom-left-radius"
      ],
      "category": "radius",
      "comment": "",
      "name": "borderRadiusPill"
    },
    {
      "value": "rgb(100, 63, 192)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorPurpleRain700"
    },
    {
      "value": "rgb(89, 65, 149)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorPurpleRain900"
    },
    {
      "value": "1.25",
      "type": "number",
      "category": "line-height",
      "cssProperties": [
        "font",
        "line-height"
      ],
      "comment": "",
      "name": "lineHeightHeading"
    },
    {
      "value": "64",
      "category": "spacing",
      "type": "size",
      "cssProperties": [
        "margin",
        "margin-top",
        "margin-right",
        "margin-bottom",
        "margin-left",
        "padding",
        "padding-top",
        "padding-right",
        "padding-bottom",
        "padding-left"
      ],
      "comment": "",
      "name": "spacingXLarge"
    },
    {
      "value": "128",
      "category": "spacing",
      "type": "size",
      "cssProperties": [
        "margin",
        "margin-top",
        "margin-right",
        "margin-bottom",
        "margin-left",
        "padding",
        "padding-top",
        "padding-right",
        "padding-bottom",
        "padding-left"
      ],
      "comment": "",
      "name": "spacingXxLarge"
    },
    {
      "value": "rgb(22, 50, 92)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "Disabled link color",
      "name": "colorBlueBiscay"
    },
    {
      "value": "only screen and (min-width: 80em)",
      "category": "media-query",
      "type": "media-query",
      "comment": "1280px, for desktop screens and larger.",
      "name": "mqXLarge"
    },
    {
      "value": "12",
      "type": "size",
      "category": "font-size",
      "cssProperties": [
        "font",
        "font-size"
      ],
      "comment": "",
      "name": "fontSizeSmall"
    },
    {
      "value": "1.5",
      "type": "number",
      "category": "line-height",
      "cssProperties": [
        "font",
        "line-height"
      ],
      "comment": "",
      "name": "lineHeightText"
    },
    {
      "value": "rgb(0, 112, 210)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "Link color (508)",
      "name": "colorBlueScience"
    },
    {
      "value": ".1s",
      "category": "motion",
      "type": "time",
      "cssProperties": [
        "animation",
        "animation-duration"
      ],
      "comment": "",
      "name": "timing1"
    },
    {
      "value": "700",
      "type": "number",
      "category": "font-weight",
      "cssProperties": [
        "font",
        "font-weight"
      ],
      "comment": "Salesforce Sans Bold",
      "name": "fontWeightBold"
    },
    {
      "value": ".2s",
      "category": "motion",
      "type": "time",
      "cssProperties": [
        "animation",
        "animation-duration"
      ],
      "comment": "",
      "name": "timing2"
    },
    {
      "value": ".4s",
      "category": "motion",
      "type": "time",
      "cssProperties": [
        "animation",
        "animation-duration"
      ],
      "comment": "",
      "name": "timing3"
    },
    {
      "value": "rgb(212, 80, 76)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorRedError"
    },
    {
      "value": "rgb(242, 246, 250)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueAthens"
    },
    {
      "value": "rgb(197, 211, 224)",
      "type": "color",
      "category": "background-color",
      "cssProperties": [
        "background",
        "background-color"
      ],
      "comment": "",
      "name": "colorBlueRome"
    },
    {
      "value": ".6s",
      "category": "motion",
      "type": "time",
      "cssProperties": [
        "animation",
        "animation-duration"
      ],
      "comment": "",
      "name": "timing4"
    },
    {
      "value": "300",
      "type": "number",
      "category": "font-weight",
      "cssProperties": [
        "font",
        "font-weight"
      ],
      "comment": "Salesforce Sans Light",
      "name": "fontWeightLight"
    },
    {
      "value": "32",
      "category": "spacing",
      "type": "size",
      "cssProperties": [
        "margin",
        "margin-top",
        "margin-right",
        "margin-bottom",
        "margin-left",
        "padding",
        "padding-top",
        "padding-right",
        "padding-bottom",
        "padding-left"
      ],
      "comment": "",
      "name": "spacingLarge"
    }
  ]
}