JSON CSS Variables Demonstration

Note that the background color and foreground color have been set by CSS variables.

JSON CSS

{
    "@variables": {
        "bgColor": "lightblue",
        "fgColor": "blue"
    },

    "body": {
        "font-family": "'Helvetica Neue', Helvetica, Arial, sans-serif",
        "background-color": "@{bgColor}",
        "color": "@{fgColor}",
        "text-align": "center",
    }
}