{
  "shadow": {
    "level-1": {
      "value": "0 0 1px {box.shadow.color.darker.layer-1}, 0 1px 2px {box.shadow.color.darker.layer-2}"
    },
    "level-2": {
      "value": "0 0.25px 0.75px {box.shadow.color.lighter.layer-1}, 0 2px 6px {box.shadow.color.lighter.layer-2}"
    },
    "level-3": {
      "value": "0 0.375px 1.5px {box.shadow.color.lighter.layer-1}, 0 3px 12px {box.shadow.color.lighter.layer-2}"
    },
    "level-4": {
      "value": "0 0.5px 2px {box.shadow.color.lighter.layer-1}, 0 4px 16px {box.shadow.color.lighter.layer-2}"
    },
    "tab": {
      "value": "{box.shadow.level-1}"
    },
    "card": {
      "value": "{box.shadow.level-2}"
    },
    "card-hover": {
      "value": "{box.shadow.level-4}"
    },
    "popup": {
      "value": "{box.shadow.level-3}"
    },
    "color": {
      "darker": {
        "layer-1": {
          "value": {
            "light": "rgba(0, 0, 0, 0.15)",
            "dark": "rgba(0, 0, 0, 0.2)"
          }
        },
        "layer-2": {
          "value": {
            "light": "rgba(0, 0, 0, 0.2)",
            "dark": "rgba(0, 0, 0, 0.4)"
          }
        }
      },
      "lighter": {
        "layer-1": {
          "value": {
            "light": "rgba(0, 0, 0, 0.05)",
            "dark": "rgba(0, 0, 0, 0.2)"
          }
        },
        "layer-2": {
          "value": {
            "light": "rgba(0, 0, 0, 0.1)",
            "dark": "rgba(0, 0, 0, 0.4)"
          }
        }
      }
    }
  }
}