{
  "GREY_MONOCHROME_DARKEST_THEME_GLOBAL": {
    "name": "Grey Monochrome - Darkest",
    "type": "colours",
    "category": "colours",
    "description": "The darkest shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-1600",
      "value": "rgb(24 24 24 / 100%)"
    }
  },
  "GREY_MONOCHROME_1550_THEME_GLOBAL": {
    "name": "Grey Monochrome - 1550",
    "type": "colours",
    "category": "colours",
    "description": "A very dark shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-1550",
      "value": "rgb(30 30 30 / 100%)"
    }
  },
  "GREY_MONOCHROME_1500_THEME_GLOBAL": {
    "name": "Grey Monochrome - 1500",
    "type": "colours",
    "category": "colours",
    "description": "A very dark shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-1500",
      "value": "rgb(38 38 38 / 100%)"
    }
  },
  "GREY_MONOCHROME_1400_THEME_GLOBAL": {
    "name": "Grey Monochrome - 1400",
    "type": "colours",
    "category": "colours",
    "description": "A dark shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-1400",
      "value": "rgb(51 51 51 / 100%)"
    }
  },
  "GREY_MONOCHROME_1300_THEME_GLOBAL": {
    "name": "Grey Monochrome - 1300",
    "type": "colours",
    "category": "colours",
    "description": "A slightly lighter dark shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-1300",
      "value": "rgb(66 66 66 / 100%)"
    }
  },
  "GREY_MONOCHROME_1200_THEME_GLOBAL": {
    "name": "Grey Monochrome - 1200",
    "type": "colours",
    "category": "colours",
    "description": "A medium-dark shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-1200",
      "value": "rgb(84 84 83 / 100%)"
    }
  },
  "GREY_MONOCHROME_1100_THEME_GLOBAL": {
    "name": "Grey Monochrome - 1100",
    "type": "colours",
    "category": "colours",
    "description": "A medium shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-1100",
      "value": "rgb(99 99 99 / 100%)"
    }
  },
  "GREY_MONOCHROME_1000_THEME_GLOBAL": {
    "name": "Grey Monochrome - 1000",
    "type": "colours",
    "category": "colours",
    "description": "A medium-light shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-1000",
      "value": "rgb(118 118 117 / 100%)"
    }
  },
  "GREY_MONOCHROME_900_THEME_GLOBAL": {
    "name": "Grey Monochrome - 900",
    "type": "colours",
    "category": "colours",
    "description": "A light shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-900",
      "value": "rgb(135 135 135 / 100%)"
    }
  },
  "GREY_MONOCHROME_800_THEME_GLOBAL": {
    "name": "Grey Monochrome - 800",
    "type": "colours",
    "category": "colours",
    "description": "A lighter shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-800",
      "value": "rgb(150 150 149 / 100%)"
    }
  },
  "GREY_MONOCHROME_700_THEME_GLOBAL": {
    "name": "Grey Monochrome - 700",
    "type": "colours",
    "category": "colours",
    "description": "A very light shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-700",
      "value": "rgb(166 166 166 / 100%)"
    }
  },
  "GREY_MONOCHROME_400_THEME_GLOBAL": {
    "name": "Grey Monochrome - 400",
    "type": "colours",
    "category": "colours",
    "description": "A pale shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-400",
      "value": "rgb(215 214 213 / 100%)"
    }
  },
  "GREY_MONOCHROME_300_THEME_GLOBAL": {
    "name": "Grey Monochrome - 300",
    "type": "colours",
    "category": "colours",
    "description": "A very pale shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-300",
      "value": "rgb(231 230 228 / 100%)"
    }
  },
  "GREY_MONOCHROME_200_THEME_GLOBAL": {
    "name": "Grey Monochrome - 200",
    "type": "colours",
    "category": "colours",
    "description": "An extremely pale shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-200",
      "value": "rgb(241 240 238 / 100%)"
    }
  },
  "GREY_MONOCHROME_100_THEME_GLOBAL": {
    "name": "Grey Monochrome - 100",
    "type": "colours",
    "category": "colours",
    "description": "The lightest shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-100",
      "value": "rgb(246 245 244 / 100%)"
    }
  },
  "GREY_MONOCHROME_075_THEME_GLOBAL": {
    "name": "Grey Monochrome - 075",
    "type": "colours",
    "category": "colours",
    "description": "A near-white shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-075",
      "value": "rgb(249 248 248 / 100%)"
    }
  },
  "GREY_MONOCHROME_050_THEME_GLOBAL": {
    "name": "Grey Monochrome - 050",
    "type": "colours",
    "category": "colours",
    "description": "The whitest shade of grey in the monochrome palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-grey-mono-050",
      "value": "rgb(252 252 251 / 100%)"
    }
  },
  "BLUE_CERULEAN_1600_THEME_GLOBAL": {
    "name": "Blue Cerulean - 1600",
    "type": "colours",
    "category": "colours",
    "description": "The darkest shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-1600",
      "value": "rgb(0 26 40 / 100%)"
    }
  },
  "BLUE_CERULEAN_1500_THEME_GLOBAL": {
    "name": "Blue Cerulean - 1500",
    "type": "colours",
    "category": "colours",
    "description": "A very dark shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-1500",
      "value": "rgb(1 41 63 / 100%)"
    }
  },
  "BLUE_CERULEAN_1400_THEME_GLOBAL": {
    "name": "Blue Cerulean - 1400",
    "type": "colours",
    "category": "colours",
    "description": "A dark shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-1400",
      "value": "rgb(1 54 83 / 100%)"
    }
  },
  "BLUE_CERULEAN_1300_THEME_GLOBAL": {
    "name": "Blue Cerulean - 1300",
    "type": "colours",
    "category": "colours",
    "description": "A slightly lighter dark shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-1300",
      "value": "rgb(1 71 106 / 100%)"
    }
  },
  "BLUE_CERULEAN_1200_THEME_GLOBAL": {
    "name": "Blue Cerulean - 1200",
    "type": "colours",
    "category": "colours",
    "description": "A medium-dark shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-1200",
      "value": "rgb(1 89 127 / 100%)"
    }
  },
  "BLUE_CERULEAN_1100_THEME_GLOBAL": {
    "name": "Blue Cerulean - 1100",
    "type": "colours",
    "category": "colours",
    "description": "A medium shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-1100",
      "value": "rgb(1 106 146 / 100%)"
    }
  },
  "BLUE_CERULEAN_1000_THEME_GLOBAL": {
    "name": "Blue Cerulean - 1000",
    "type": "colours",
    "category": "colours",
    "description": "A medium-light shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-1000",
      "value": "rgb(0 127 168 / 100%)"
    }
  },
  "BLUE_CERULEAN_900_THEME_GLOBAL": {
    "name": "Blue Cerulean - 900",
    "type": "colours",
    "category": "colours",
    "description": "A light shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-900",
      "value": "rgb(32 146 183 / 100%)"
    }
  },
  "BLUE_CERULEAN_800_THEME_GLOBAL": {
    "name": "Blue Cerulean - 800",
    "type": "colours",
    "category": "colours",
    "description": "A lighter shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-800",
      "value": "rgb(58 161 195 / 100%)"
    }
  },
  "BLUE_CERULEAN_700_THEME_GLOBAL": {
    "name": "Blue Cerulean - 700",
    "type": "colours",
    "category": "colours",
    "description": "A very light shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-700",
      "value": "rgb(85 178 207 / 100%)"
    }
  },
  "BLUE_CERULEAN_300_THEME_GLOBAL": {
    "name": "Blue Cerulean - 300",
    "type": "colours",
    "category": "colours",
    "description": "A pale shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-300",
      "value": "rgb(186 238 251 / 100%)"
    }
  },
  "BLUE_CERULEAN_100_THEME_GLOBAL": {
    "name": "Blue Cerulean - 100",
    "type": "colours",
    "category": "colours",
    "description": "A very pale shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-100",
      "value": "rgb(226 249 255 / 100%)"
    }
  },
  "BLUE_CERULEAN_075_THEME_GLOBAL": {
    "name": "Blue Cerulean - 075",
    "type": "colours",
    "category": "colours",
    "description": "An extremely pale shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-075",
      "value": "rgb(234 251 255 / 100%)"
    }
  },
  "BLUE_CERULEAN_050_THEME_GLOBAL": {
    "name": "Blue Cerulean - 050",
    "type": "colours",
    "category": "colours",
    "description": "The palest shade of blue in the cerulean palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-blue-cerulean-050",
      "value": "rgb(247 253 255 / 100%)"
    }
  },
  "VIOLET_INK_1600_THEME_GLOBAL": {
    "name": "Violet Ink - 1600",
    "type": "colours",
    "category": "colours",
    "description": "The darkest shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-1600",
      "value": "rgb(12 14 75 / 100%)"
    }
  },
  "VIOLET_INK_1500_THEME_GLOBAL": {
    "name": "Violet Ink - 1500",
    "type": "colours",
    "category": "colours",
    "description": "A very dark shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-1500",
      "value": "rgb(19 22 117 / 100%)"
    }
  },
  "VIOLET_INK_1400_THEME_GLOBAL": {
    "name": "Violet Ink - 1400",
    "type": "colours",
    "category": "colours",
    "description": "A dark shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-1400",
      "value": "rgb(27 31 147 / 100%)"
    }
  },
  "VIOLET_INK_1300_THEME_GLOBAL": {
    "name": "Violet Ink - 1300",
    "type": "colours",
    "category": "colours",
    "description": "A slightly lighter dark shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-1300",
      "value": "rgb(47 48 168 / 100%)"
    }
  },
  "VIOLET_INK_1200_THEME_GLOBAL": {
    "name": "Violet Ink - 1200",
    "type": "colours",
    "category": "colours",
    "description": "A medium-dark shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-1200",
      "value": "rgb(67 67 189 / 100%)"
    }
  },
  "VIOLET_INK_1100_THEME_GLOBAL": {
    "name": "Violet Ink - 1100",
    "type": "colours",
    "category": "colours",
    "description": "A medium shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-1100",
      "value": "rgb(85 82 207 / 100%)"
    }
  },
  "VIOLET_INK_1000_THEME_GLOBAL": {
    "name": "Violet Ink - 1000",
    "type": "colours",
    "category": "colours",
    "description": "A medium-light shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-1000",
      "value": "rgb(106 103 221 / 100%)"
    }
  },
  "VIOLET_INK_900_THEME_GLOBAL": {
    "name": "Violet Ink - 900",
    "type": "colours",
    "category": "colours",
    "description": "A light shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-900",
      "value": "rgb(124 123 228 / 100%)"
    }
  },
  "VIOLET_INK_800_THEME_GLOBAL": {
    "name": "Violet Ink - 800",
    "type": "colours",
    "category": "colours",
    "description": "A lighter shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-800",
      "value": "rgb(139 141 234 / 100%)"
    }
  },
  "VIOLET_INK_700_THEME_GLOBAL": {
    "name": "Violet Ink - 700",
    "type": "colours",
    "category": "colours",
    "description": "A very light shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-700",
      "value": "rgb(156 159 241 / 100%)"
    }
  },
  "VIOLET_INK_600_THEME_GLOBAL": {
    "name": "Violet Ink - 600",
    "type": "colours",
    "category": "colours",
    "description": "A pale shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-600",
      "value": "rgb(173 178 247 / 100%)"
    }
  },
  "VIOLET_INK_500_THEME_GLOBAL": {
    "name": "Violet Ink - 500",
    "type": "colours",
    "category": "colours",
    "description": "A very pale shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-500",
      "value": "rgb(189 195 253 / 100%)"
    }
  },
  "VIOLET_INK_400_THEME_GLOBAL": {
    "name": "Violet Ink - 400",
    "type": "colours",
    "category": "colours",
    "description": "An extremely pale shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-400",
      "value": "rgb(206 212 255 / 100%)"
    }
  },
  "VIOLET_INK_300_THEME_GLOBAL": {
    "name": "Violet Ink - 300",
    "type": "colours",
    "category": "colours",
    "description": "The palest shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-300",
      "value": "rgb(225 228 255 / 100%)"
    }
  },
  "VIOLET_INK_200_THEME_GLOBAL": {
    "name": "Violet Ink - 200",
    "type": "colours",
    "category": "colours",
    "description": "An extremely pale shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-200",
      "value": "rgb(238 240 255 / 100%)"
    }
  },
  "VIOLET_INK_100_THEME_GLOBAL": {
    "name": "Violet Ink - 100",
    "type": "colours",
    "category": "colours",
    "description": "A very pale shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-100",
      "value": "rgb(244 245 255 / 100%)"
    }
  },
  "VIOLET_INK_075_THEME_GLOBAL": {
    "name": "Violet Ink - 075",
    "type": "colours",
    "category": "colours",
    "description": "A near-white shade of violet in the ink palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-violet-ink-075",
      "value": "rgb(247 248 255 / 100%)"
    }
  },
  "GREEN_LEAF_1600_THEME_GLOBAL": {
    "name": "Green Leaf - 1600",
    "type": "colours",
    "category": "colours",
    "description": "The darkest shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-1600",
      "value": "rgb(1 27 32 / 100%)"
    }
  },
  "GREEN_LEAF_1500_THEME_GLOBAL": {
    "name": "Green Leaf - 1500",
    "type": "colours",
    "category": "colours",
    "description": "A very dark shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-1500",
      "value": "rgb(1 43 51 / 100%)"
    }
  },
  "GREEN_LEAF_1400_THEME_GLOBAL": {
    "name": "Green Leaf - 1400",
    "type": "colours",
    "category": "colours",
    "description": "A dark shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-1400",
      "value": "rgb(1 57 67 / 100%)"
    }
  },
  "GREEN_LEAF_1300_THEME_GLOBAL": {
    "name": "Green Leaf - 1300",
    "type": "colours",
    "category": "colours",
    "description": "A slightly lighter dark shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-1300",
      "value": "rgb(2 73 87 / 100%)"
    }
  },
  "GREEN_LEAF_1200_THEME_GLOBAL": {
    "name": "Green Leaf - 1200",
    "type": "colours",
    "category": "colours",
    "description": "A medium-dark shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-1200",
      "value": "rgb(2 93 106 / 100%)"
    }
  },
  "GREEN_LEAF_1100_THEME_GLOBAL": {
    "name": "Green Leaf - 1100",
    "type": "colours",
    "category": "colours",
    "description": "A medium shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-1100",
      "value": "rgb(1 111 110 / 100%)"
    }
  },
  "GREEN_LEAF_1000_THEME_GLOBAL": {
    "name": "Green Leaf - 1000",
    "type": "colours",
    "category": "colours",
    "description": "A medium-light shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-1000",
      "value": "rgb(1 134 113 / 100%)"
    }
  },
  "GREEN_LEAF_900_THEME_GLOBAL": {
    "name": "Green Leaf - 900",
    "type": "colours",
    "category": "colours",
    "description": "A light shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-900",
      "value": "rgb(29 151 131 / 100%)"
    }
  },
  "GREEN_LEAF_800_THEME_GLOBAL": {
    "name": "Green Leaf - 800",
    "type": "colours",
    "category": "colours",
    "description": "A lighter shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-800",
      "value": "rgb(52 167 146 / 100%)"
    }
  },
  "GREEN_LEAF_700_THEME_GLOBAL": {
    "name": "Green Leaf - 700",
    "type": "colours",
    "category": "colours",
    "description": "A very light shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-700",
      "value": "rgb(78 183 162 / 100%)"
    }
  },
  "GREEN_LEAF_600_THEME_GLOBAL": {
    "name": "Green Leaf - 600",
    "type": "colours",
    "category": "colours",
    "description": "A pale shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-600",
      "value": "rgb(104 200 178 / 100%)"
    }
  },
  "GREEN_LEAF_200_THEME_GLOBAL": {
    "name": "Green Leaf - 200",
    "type": "colours",
    "category": "colours",
    "description": "An extremely pale shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-200",
      "value": "rgb(197 253 232 / 100%)"
    }
  },
  "GREEN_LEAF_075_THEME_GLOBAL": {
    "name": "Green Leaf - 075",
    "type": "colours",
    "category": "colours",
    "description": "A near-white shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-075",
      "value": "rgb(222 254 242 / 100%)"
    }
  },
  "GREEN_LEAF_050_THEME_GLOBAL": {
    "name": "Green Leaf - 050",
    "type": "colours",
    "category": "colours",
    "description": "The palest shade of green in the leaf palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-green-leaf-050",
      "value": "rgb(238 255 249 / 100%)"
    }
  },
  "RED_BRICK_1600_THEME_GLOBAL": {
    "name": "Red Brick - 1600",
    "type": "colours",
    "category": "colours",
    "description": "The darkest shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-1600",
      "value": "rgb(51 8 10 / 100%)"
    }
  },
  "RED_BRICK_1500_THEME_GLOBAL": {
    "name": "Red Brick - 1500",
    "type": "colours",
    "category": "colours",
    "description": "A very dark shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-1500",
      "value": "rgb(79 13 16 / 100%)"
    }
  },
  "RED_BRICK_1400_THEME_GLOBAL": {
    "name": "Red Brick - 1400",
    "type": "colours",
    "category": "colours",
    "description": "A dark shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-1400",
      "value": "rgb(103 17 21 / 100%)"
    }
  },
  "RED_BRICK_1300_THEME_GLOBAL": {
    "name": "Red Brick - 1300",
    "type": "colours",
    "category": "colours",
    "description": "A slightly lighter dark shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-1300",
      "value": "rgb(132 21 27 / 100%)"
    }
  },
  "RED_BRICK_1200_THEME_GLOBAL": {
    "name": "Red Brick - 1200",
    "type": "colours",
    "category": "colours",
    "description": "A medium-dark shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-1200",
      "value": "rgb(161 32 36 / 100%)"
    }
  },
  "RED_BRICK_1100_THEME_GLOBAL": {
    "name": "Red Brick - 1100",
    "type": "colours",
    "category": "colours",
    "description": "A medium shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-1100",
      "value": "rgb(185 46 48 / 100%)"
    }
  },
  "RED_BRICK_1000_THEME_GLOBAL": {
    "name": "Red Brick - 1000",
    "type": "colours",
    "category": "colours",
    "description": "A medium-light shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-1000",
      "value": "rgb(210 67 70 / 100%)"
    }
  },
  "RED_BRICK_900_THEME_GLOBAL": {
    "name": "Red Brick - 900",
    "type": "colours",
    "category": "colours",
    "description": "A light shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-900",
      "value": "rgb(222 93 96 / 100%)"
    }
  },
  "RED_BRICK_800_THEME_GLOBAL": {
    "name": "Red Brick - 800",
    "type": "colours",
    "category": "colours",
    "description": "A lighter shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-800",
      "value": "rgb(229 116 120 / 100%)"
    }
  },
  "RED_BRICK_700_THEME_GLOBAL": {
    "name": "Red Brick - 700",
    "type": "colours",
    "category": "colours",
    "description": "A very light shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-700",
      "value": "rgb(235 139 144 / 100%)"
    }
  },
  "RED_BRICK_400_THEME_GLOBAL": {
    "name": "Red Brick - 400",
    "type": "colours",
    "category": "colours",
    "description": "A pale shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-400",
      "value": "rgb(255 201 203 / 100%)"
    }
  },
  "RED_BRICK_300_THEME_GLOBAL": {
    "name": "Red Brick - 300",
    "type": "colours",
    "category": "colours",
    "description": "A very pale shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-300",
      "value": "rgb(255 221 222 / 100%)"
    }
  },
  "RED_BRICK_100_THEME_GLOBAL": {
    "name": "Red Brick - 100",
    "type": "colours",
    "category": "colours",
    "description": "An extremely pale shade of red in the brick palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-red-brick-100",
      "value": "rgb(255 241 242 / 100%)"
    }
  },
  "YELLOW_LIME_1000_THEME_GLOBAL": {
    "name": "Yellow Lime - 1000",
    "type": "colours",
    "category": "colours",
    "description": "A dark shade of yellow in the lime palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-yellow-lime-1000",
      "value": "#6e7d17"
    }
  },
  "YELLOW_LIME_500_THEME_GLOBAL": {
    "name": "Yellow Lime - 500",
    "type": "colours",
    "category": "colours",
    "description": "A medium shade of yellow in the lime palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-yellow-lime-500",
      "value": "rgb(184 210 39 / 100%)"
    }
  },
  "YELLOW_LIME_200_THEME_GLOBAL": {
    "name": "Yellow Lime - 200",
    "type": "colours",
    "category": "colours",
    "description": "A pale shade of yellow in the lime palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-yellow-lime-200",
      "value": "rgb(224 255 50 / 100%)"
    }
  },
  "YELLOW_LIME_100_THEME_GLOBAL": {
    "name": "Yellow Lime - 100",
    "type": "colours",
    "category": "colours",
    "description": "A very pale shade of yellow in the lime palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-yellow-lime-100",
      "value": "rgb(236 255 131 / 100%)"
    }
  },
  "YELLOW_LIME_075_THEME_GLOBAL": {
    "name": "Yellow Lime - 075",
    "type": "colours",
    "category": "colours",
    "description": "An extremely pale shade of yellow in the lime palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-yellow-lime-075",
      "value": "rgb(242 255 172 / 100%)"
    }
  },
  "YELLOW_LIME_050_THEME_GLOBAL": {
    "name": "Yellow Lime - 050",
    "type": "colours",
    "category": "colours",
    "description": "The palest shade of yellow in the lime palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-yellow-lime-050",
      "value": "rgb(250 255 223 / 100%)"
    }
  },
  "ORANGE_1600_THEME_GLOBAL": {
    "name": "Orange - 1600",
    "type": "colours",
    "category": "colours",
    "description": "The darkest shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-1600",
      "value": "rgb(47 13 2 / 100%)"
    }
  },
  "ORANGE_1500_THEME_GLOBAL": {
    "name": "Orange - 1500",
    "type": "colours",
    "category": "colours",
    "description": "A very dark shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-1500",
      "value": "rgb(74 20 3 / 100%)"
    }
  },
  "ORANGE_1400_THEME_GLOBAL": {
    "name": "Orange - 1400",
    "type": "colours",
    "category": "colours",
    "description": "A dark shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-1400",
      "value": "rgb(97 27 4 / 100%)"
    }
  },
  "ORANGE_1300_THEME_GLOBAL": {
    "name": "Orange - 1300",
    "type": "colours",
    "category": "colours",
    "description": "A slightly lighter dark shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-1300",
      "value": "rgb(125 34 5 / 100%)"
    }
  },
  "ORANGE_1200_THEME_GLOBAL": {
    "name": "Orange - 1200",
    "type": "colours",
    "category": "colours",
    "description": "A medium-dark shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-1200",
      "value": "rgb(148 52 4 / 100%)"
    }
  },
  "ORANGE_1100_THEME_GLOBAL": {
    "name": "Orange - 1100",
    "type": "colours",
    "category": "colours",
    "description": "A medium shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-1100",
      "value": "rgb(168 68 4 / 100%)"
    }
  },
  "ORANGE_1000_THEME_GLOBAL": {
    "name": "Orange - 1000",
    "type": "colours",
    "category": "colours",
    "description": "A medium-light shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-1000",
      "value": "rgb(192 87 3 / 100%)"
    }
  },
  "ORANGE_900_THEME_GLOBAL": {
    "name": "Orange - 900",
    "type": "colours",
    "category": "colours",
    "description": "A light shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-900",
      "value": "rgb(210 107 3 / 100%)"
    }
  },
  "ORANGE_800_THEME_GLOBAL": {
    "name": "Orange - 800",
    "type": "colours",
    "category": "colours",
    "description": "A lighter shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-800",
      "value": "rgb(226 124 3 / 100%)"
    }
  },
  "ORANGE_600_THEME_GLOBAL": {
    "name": "Orange - 600",
    "type": "colours",
    "category": "colours",
    "description": "A pale shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-600",
      "value": "rgb(255 162 14 / 100%)"
    }
  },
  "ORANGE_400_THEME_GLOBAL": {
    "name": "Orange - 400",
    "type": "colours",
    "category": "colours",
    "description": "A very pale shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-400",
      "value": "rgb(254 206 136 / 100%)"
    }
  },
  "ORANGE_300_THEME_GLOBAL": {
    "name": "Orange - 300",
    "type": "colours",
    "category": "colours",
    "description": "An extremely pale shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-300",
      "value": "rgb(254 226 189 / 100%)"
    }
  },
  "ORANGE_200_THEME_GLOBAL": {
    "name": "Orange - 200",
    "type": "colours",
    "category": "colours",
    "description": "The palest shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-200",
      "value": "rgb(254 239 225 / 100%)"
    }
  },
  "ORANGE_100_THEME_GLOBAL": {
    "name": "Orange - 100",
    "type": "colours",
    "category": "colours",
    "description": "A near-white shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-100",
      "value": "rgb(254 243 233 / 100%)"
    }
  },
  "ORANGE_075_THEME_GLOBAL": {
    "name": "Orange - 075",
    "type": "colours",
    "category": "colours",
    "description": "The lightest shade of orange in the palette.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-orange-075",
      "value": "rgb(254 247 240 / 100%)"
    }
  },
  "BASIC_WHITE_THEME_GLOBAL": {
    "name": "Basic White",
    "type": "colours",
    "category": "colours",
    "description": "The pure white color.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-basic-white",
      "value": "rgb(255 255 255 / 100%)"
    }
  },
  "BASIC_WHITE_RGB_LIST_THEME_GLOBAL": {
    "name": "Basic White RGB list",
    "type": "colours",
    "category": "colours",
    "description": "The pure white color in RGB format.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-basic-white-rgb",
      "value": "255 255 255"
    }
  },
  "BASIC_BLACK_THEME_GLOBAL": {
    "name": "Basic Black",
    "type": "colours",
    "category": "colours",
    "description": "The pure black color.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-basic-black",
      "value": "rgb(0 0 0 / 100%)"
    }
  },
  "BASIC_BLACK_RGB_LIST_THEME_GLOBAL": {
    "name": "Basic Black RGB list",
    "type": "colours",
    "category": "colours",
    "description": "The pure black color in RGB format.",
    "theme": "global",
    "variable": {
      "name": "--nano-color-basic-black-rgb",
      "value": "0 0 0"
    }
  },
  "FONT_FACE_SANS_SERIF_THEME_GLOBAL": {
    "name": "Font Face - Sans Serif",
    "type": "font face",
    "category": "typography",
    "description": "The default font face for the application.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-sans",
      "value": "\"Noto Sans\", \"Noto Sans Fallback: Arial\", arial, sans-serif"
    }
  },
  "FONT_FACE_MONO_THEME_GLOBAL": {
    "name": "Font Face - Mono",
    "type": "font face",
    "category": "typography",
    "description": "The serif font face for the application.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-mono",
      "value": "SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, monospace"
    }
  },
  "FONT_FACE_SERIF_THEME_GLOBAL": {
    "name": "Font Face - Serif",
    "type": "font face",
    "category": "typography",
    "description": "The serif font face for the application.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-serif",
      "value": "Georgia, \"Times New Roman\", serif"
    }
  },
  "FONT_SIZE_2XS_THEME_GLOBAL": {
    "name": "Font Size 2XS",
    "type": "font size",
    "category": "typography",
    "description": "The smallest font size.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-2xs",
      "value": "0.75rem"
    }
  },
  "FONT_SIZE_XS_THEME_GLOBAL": {
    "name": "Font Size XS",
    "type": "font size",
    "category": "typography",
    "description": "The extra small font size.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-xs",
      "value": "0.875rem"
    }
  },
  "FONT_SIZE_S_THEME_GLOBAL": {
    "name": "Font Size S",
    "type": "font size",
    "category": "typography",
    "description": "The small font size.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-sm",
      "value": "1rem"
    }
  },
  "FONT_SIZE_M_THEME_GLOBAL": {
    "name": "Font Size M",
    "type": "font size",
    "category": "typography",
    "description": "The medium font size.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-md",
      "value": "1.125rem"
    }
  },
  "FONT_SIZE_L_THEME_GLOBAL": {
    "name": "Font Size L",
    "type": "font size",
    "category": "typography",
    "description": "The large font size.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-lg",
      "value": "1.375rem"
    }
  },
  "FONT_SIZE_XL_THEME_GLOBAL": {
    "name": "Font Size XL",
    "type": "font size",
    "category": "typography",
    "description": "The extra large font size.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-xl",
      "value": "1.6875rem"
    }
  },
  "FONT_SIZE_2XL_THEME_GLOBAL": {
    "name": "Font Size 2XL",
    "type": "font size",
    "category": "typography",
    "description": "The double extra large font size.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-2xl",
      "value": "2.5rem"
    }
  },
  "FONT_SIZE_3XL_THEME_GLOBAL": {
    "name": "Font Size 3XL",
    "type": "font size",
    "category": "typography",
    "description": "The triple extra large font size.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-3xl",
      "value": "3.25rem"
    }
  },
  "FONT_WEIGHT_THIN_THEME_GLOBAL": {
    "name": "Font Weight Thin",
    "type": "font weight",
    "category": "typography",
    "description": "The thinnest font weight.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-weight-light",
      "value": "300"
    }
  },
  "FONT_WEIGHT_NORMAL_THEME_GLOBAL": {
    "name": "Font Weight Normal",
    "type": "font weight",
    "category": "typography",
    "description": "The normal font weight.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-weight-normal",
      "value": "400"
    }
  },
  "FONT_WEIGHT_BOLD_THEME_GLOBAL": {
    "name": "Font Weight Bold",
    "type": "font weight",
    "category": "typography",
    "description": "The bold font weight.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-weight-bold",
      "value": "700"
    }
  },
  "LETTER_SPACING_TIGHTER_THEME_GLOBAL": {
    "name": "Letter Spacing - Tighter",
    "type": "letter spacing",
    "category": "typography",
    "description": "The tightest letter spacing.",
    "theme": "global",
    "variable": {
      "name": "--nano-letter-spacing-denser",
      "value": "-0.03em"
    }
  },
  "LETTER_SPACING_DENSE_THEME_GLOBAL": {
    "name": "Letter Spacing - Dense",
    "type": "letter spacing",
    "category": "typography",
    "description": "The tighter dense spacing.",
    "theme": "global",
    "variable": {
      "name": "--nano-letter-spacing-dense",
      "value": "-0.015em"
    }
  },
  "LETTER_SPACING_NORMAL_THEME_GLOBAL": {
    "name": "Letter Spacing - Normal",
    "type": "letter spacing",
    "category": "typography",
    "description": "The normal letter spacing.",
    "theme": "global",
    "variable": {
      "name": "--nano-letter-spacing-normal",
      "value": "normal"
    }
  },
  "LETTER_SPACING_LOOSE_THEME_GLOBAL": {
    "name": "Letter Spacing - Loose",
    "type": "letter spacing",
    "category": "typography",
    "description": "The loose letter spacing.",
    "theme": "global",
    "variable": {
      "name": "--nano-letter-spacing-loose",
      "value": "0.025em"
    }
  },
  "LETTER_SPACING_LOOSER_THEME_GLOBAL": {
    "name": "Letter Spacing - Looser",
    "type": "letter spacing",
    "category": "typography",
    "description": "The looser letter spacing.",
    "theme": "global",
    "variable": {
      "name": "--nano-letter-spacing-looser",
      "value": "0.0375em"
    }
  },
  "LINE_HEIGHT_TIGHTER_THEME_GLOBAL": {
    "name": "Line Height - Tighter",
    "type": "line height",
    "category": "typography",
    "description": "The tightest line height.",
    "theme": "global",
    "variable": {
      "name": "--nano-line-height-denser",
      "value": "1.2"
    }
  },
  "LINE_HEIGHT_DENSE_THEME_GLOBAL": {
    "name": "Line Height - Dense",
    "type": "line height",
    "category": "typography",
    "description": "The dense line height.",
    "theme": "global",
    "variable": {
      "name": "--nano-line-height-dense",
      "value": "1.4"
    }
  },
  "LINE_HEIGHT_NORMAL_THEME_GLOBAL": {
    "name": "Line Height - Normal",
    "type": "line height",
    "category": "typography",
    "description": "The normal line height.",
    "theme": "global",
    "variable": {
      "name": "--nano-line-height-normal",
      "value": "1.6"
    }
  },
  "LINE_HEIGHT_LOOSE_THEME_GLOBAL": {
    "name": "Line Height - Loose",
    "type": "line height",
    "category": "typography",
    "description": "The loose line height.",
    "theme": "global",
    "variable": {
      "name": "--nano-line-height-loose",
      "value": "1.8"
    }
  },
  "LINE_HEIGHT_LOOSER_THEME_GLOBAL": {
    "name": "Line Height - Looser",
    "type": "line height",
    "category": "typography",
    "description": "The looser line height.",
    "theme": "global",
    "variable": {
      "name": "--nano-line-height-looser",
      "value": "2"
    }
  },
  "FONT_SIZE_2XS_(MOBILE)_THEME_GLOBAL": {
    "name": "Font Size 2XS (Mobile)",
    "type": "font size",
    "category": "typography",
    "description": "The smallest font size on mobile.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-l",
      "value": "1.3125rem"
    }
  },
  "FONT_SIZE_XS_(MOBILE)_THEME_GLOBAL": {
    "name": "Font Size XS (Mobile)",
    "type": "font size",
    "category": "typography",
    "description": "The extra small font size on mobile.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-xl",
      "value": "1.5rem"
    }
  },
  "FONT_SIZE_S_(MOBILE)_THEME_GLOBAL": {
    "name": "Font Size S (Mobile)",
    "type": "font size",
    "category": "typography",
    "description": "The small font size on mobile.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-2xl",
      "value": "2.125rem"
    }
  },
  "FONT_SIZE_M_(MOBILE)_THEME_GLOBAL": {
    "name": "Font Size M (Mobile)",
    "type": "font size",
    "category": "typography",
    "description": "The medium font size on mobile.",
    "theme": "global",
    "variable": {
      "name": "--nano-font-size-3xl",
      "value": "2.625rem"
    }
  },
  "SPACING_XS_THEME_GLOBAL": {
    "name": "Spacing - XS",
    "type": "spacing",
    "category": "spacing",
    "description": "The smallest spacing.",
    "theme": "global",
    "variable": {
      "name": "--nano-spacing-xs",
      "value": "0.3125rem"
    }
  },
  "SPACING_SM_THEME_GLOBAL": {
    "name": "Spacing - SM",
    "type": "spacing",
    "category": "spacing",
    "description": "The small spacing.",
    "theme": "global",
    "variable": {
      "name": "--nano-spacing-sm",
      "value": "0.625rem"
    }
  },
  "SPACING_L3_THEME_GLOBAL": {
    "name": "Spacing - L3",
    "type": "spacing",
    "category": "spacing",
    "description": "The spacing for L3.",
    "theme": "global",
    "variable": {
      "name": "--nano-spacing-l3",
      "value": "var(--nano-spacing-sm)"
    }
  },
  "SPACING_MD_THEME_GLOBAL": {
    "name": "Spacing - MD",
    "type": "spacing",
    "category": "spacing",
    "description": "The medium spacing.",
    "theme": "global",
    "variable": {
      "name": "--nano-spacing-md",
      "value": "1.25rem"
    }
  },
  "SPACING_L2_THEME_GLOBAL": {
    "name": "Spacing - L2",
    "type": "spacing",
    "category": "spacing",
    "description": "The spacing for L2.",
    "theme": "global",
    "variable": {
      "name": "--nano-spacing-l2",
      "value": "var(--nano-spacing-md)"
    }
  },
  "SPACING_L_THEME_GLOBAL": {
    "name": "Spacing - L",
    "type": "spacing",
    "category": "spacing",
    "description": "The large spacing.",
    "theme": "global",
    "variable": {
      "name": "--nano-spacing-l",
      "value": "1.875rem"
    }
  },
  "SPACING_XL_THEME_GLOBAL": {
    "name": "Spacing - XL",
    "type": "spacing",
    "category": "spacing",
    "description": "The extra large spacing.",
    "theme": "global",
    "variable": {
      "name": "--nano-spacing-xl",
      "value": "2.5rem"
    }
  },
  "SPACING_L1_DEFAULT_THEME_GLOBAL": {
    "name": "Spacing - L1 Default",
    "type": "spacing",
    "category": "spacing",
    "description": "The default spacing for L1.",
    "theme": "global",
    "variable": {
      "name": "--nano-spacing-l1-default",
      "value": "var(--nano-spacing-xl)"
    }
  },
  "SPACING_2XL_THEME_GLOBAL": {
    "name": "Spacing - 2XL",
    "type": "spacing",
    "category": "spacing",
    "description": "The largest spacing.",
    "theme": "global",
    "variable": {
      "name": "--nano-spacing-2xl",
      "value": "3.75rem"
    }
  },
  "SPACING_L1_FEATURE_THEME_GLOBAL": {
    "name": "Spacing - L1 Feature",
    "type": "spacing",
    "category": "spacing",
    "description": "The spacing for L1 feature.",
    "theme": "global",
    "variable": {
      "name": "--nano-spacing-l1-feature",
      "value": "var(--nano-spacing-2xl)"
    }
  },
  "BORDER_RADIUS_SMALL_THEME_GLOBAL": {
    "name": "Border Radius - Small",
    "type": "border radius",
    "category": "misc",
    "description": "A small border radius for subtle rounding.",
    "theme": "global",
    "variable": {
      "name": "--nano-border-radius-small",
      "value": "0.1875rem"
    }
  },
  "BORDER_RADIUS_MEDIUM_THEME_GLOBAL": {
    "name": "Border Radius - Medium",
    "type": "border radius",
    "category": "misc",
    "description": "A medium border radius for moderate rounding.",
    "theme": "global",
    "variable": {
      "name": "--nano-border-radius-medium",
      "value": "0.25rem"
    }
  },
  "BORDER_RADIUS_LARGE_THEME_GLOBAL": {
    "name": "Border Radius - Large",
    "type": "border radius",
    "category": "misc",
    "description": "A large border radius for significant rounding.",
    "theme": "global",
    "variable": {
      "name": "--nano-border-radius-large",
      "value": "0.5rem"
    }
  },
  "BORDER_RADIUS_X_LARGE_THEME_GLOBAL": {
    "name": "Border Radius - X-Large",
    "type": "border radius",
    "category": "misc",
    "description": "An extra-large border radius for highly rounded elements.",
    "theme": "global",
    "variable": {
      "name": "--nano-border-radius-x-large",
      "value": "1rem"
    }
  },
  "BORDER_RADIUS_CIRCLE_THEME_GLOBAL": {
    "name": "Border Radius - Circle",
    "type": "border radius",
    "category": "misc",
    "description": "A border radius for creating circular shapes.",
    "theme": "global",
    "variable": {
      "name": "--nano-border-radius-circle",
      "value": "50%"
    }
  },
  "BORDER_RADIUS_PILL_THEME_GLOBAL": {
    "name": "Border Radius - Pill",
    "type": "border radius",
    "category": "misc",
    "description": "A border radius for creating pill-shaped elements.",
    "theme": "global",
    "variable": {
      "name": "--nano-border-radius-pill",
      "value": "9999px"
    }
  },
  "TRANSITION_X_FAST_THEME_GLOBAL": {
    "name": "Transition - X-Fast",
    "type": "transitions",
    "category": "misc",
    "description": "An extra-fast transition duration.",
    "theme": "global",
    "variable": {
      "name": "--nano-transition-x-fast",
      "value": "120ms"
    }
  },
  "TRANSITION_FAST_THEME_GLOBAL": {
    "name": "Transition - Fast",
    "type": "transitions",
    "category": "misc",
    "description": "A fast transition duration.",
    "theme": "global",
    "variable": {
      "name": "--nano-transition-fast",
      "value": "300ms"
    }
  },
  "TRANSITION_MEDIUM_THEME_GLOBAL": {
    "name": "Transition - Medium",
    "type": "transitions",
    "category": "misc",
    "description": "A medium transition duration.",
    "theme": "global",
    "variable": {
      "name": "--nano-transition-medium",
      "value": "500ms"
    }
  },
  "TRANSITION_SLOW_THEME_GLOBAL": {
    "name": "Transition - Slow",
    "type": "transitions",
    "category": "misc",
    "description": "A slow transition duration.",
    "theme": "global",
    "variable": {
      "name": "--nano-transition-slow",
      "value": "700ms"
    }
  },
  "TRANSITION_X_SLOW_THEME_GLOBAL": {
    "name": "Transition - X-Slow",
    "type": "transitions",
    "category": "misc",
    "description": "An extra-slow transition duration.",
    "theme": "global",
    "variable": {
      "name": "--nano-transition-x-slow",
      "value": "1000ms"
    }
  },
  "FOCUS_RING_COLOR_THEME_GLOBAL": {
    "name": "Focus Ring - Color",
    "type": "focus rings",
    "category": "misc",
    "description": "The color of the focus ring.",
    "theme": "global",
    "variable": {
      "name": "--nano-focus-ring-color",
      "value": "var(--nano-color-blue-cerulean-700)"
    }
  },
  "FOCUS_RING_STYLE_THEME_GLOBAL": {
    "name": "Focus Ring - Style",
    "type": "focus rings",
    "category": "misc",
    "description": "The style of the focus ring.",
    "theme": "global",
    "variable": {
      "name": "--nano-focus-ring-style",
      "value": "solid"
    }
  },
  "FOCUS_RING_WIDTH_THEME_GLOBAL": {
    "name": "Focus Ring - Width",
    "type": "focus rings",
    "category": "misc",
    "description": "The width of the focus ring.",
    "theme": "global",
    "variable": {
      "name": "--nano-focus-ring-width",
      "value": "3px"
    }
  },
  "FOCUS_RING_PRIMARY_THEME_GLOBAL": {
    "name": "Focus Ring - Primary",
    "type": "focus rings",
    "category": "misc",
    "description": "The primary focus ring.",
    "theme": "global",
    "variable": {
      "name": "--nano-focus-ring",
      "value": "var(--nano-focus-ring-style) var(--nano-focus-ring-width)      var(--nano-focus-ring-color)"
    }
  },
  "FOCUS_RING_OFFSET_THEME_GLOBAL": {
    "name": "Focus Ring - Offset",
    "type": "focus rings",
    "category": "misc",
    "description": "The offset of the focus ring from the element.",
    "theme": "global",
    "variable": {
      "name": "--nano-focus-ring-offset",
      "value": "1px"
    }
  },
  "ICON_SIZE_SMALL_THEME_GLOBAL": {
    "name": "Icon Size - Small",
    "type": "icon sizes",
    "category": "misc",
    "description": "The size of small icons.",
    "theme": "global",
    "variable": {
      "name": "--nano-icon-size-small",
      "value": "16px"
    }
  },
  "PICTOGRAM_SIZE_SMALL_THEME_GLOBAL": {
    "name": "Pictogram Size - Small",
    "type": "icon sizes",
    "category": "misc",
    "description": "The size of small pictograms.",
    "theme": "global",
    "variable": {
      "name": "--nano-pictogram-size-small",
      "value": "24px"
    }
  },
  "PICTOGRAM_SIZE_MEDIUM_THEME_GLOBAL": {
    "name": "Pictogram Size - Medium",
    "type": "icon sizes",
    "category": "misc",
    "description": "The size of medium pictograms.",
    "theme": "global",
    "variable": {
      "name": "--nano-pictogram-size-medium",
      "value": "32px"
    }
  },
  "ICON_SIZE_LARGE_THEME_GLOBAL": {
    "name": "Icon Size - Large",
    "type": "icon sizes",
    "category": "misc",
    "description": "The size of large icons.",
    "theme": "global",
    "variable": {
      "name": "--nano-icon-size-large",
      "value": "32px"
    }
  },
  "PICTOGRAM_SIZE_LARGE_THEME_GLOBAL": {
    "name": "Pictogram Size - Large",
    "type": "icon sizes",
    "category": "misc",
    "description": "The size of large pictograms.",
    "theme": "global",
    "variable": {
      "name": "--nano-pictogram-size-large",
      "value": "48px"
    }
  },
  "PICTOGRAM_SIZE_X_LARGE_THEME_GLOBAL": {
    "name": "Pictogram Size - X-Large",
    "type": "icon sizes",
    "category": "misc",
    "description": "The size of extra-large pictograms.",
    "theme": "global",
    "variable": {
      "name": "--nano-pictogram-size-x-large",
      "value": "64px"
    }
  },
  "IMAGE_RATIO_LANDSCAPE_THEME_GLOBAL": {
    "name": "Image Ratio - Landscape",
    "type": "image ratios",
    "category": "misc",
    "description": "The aspect ratio for landscape images.",
    "theme": "global",
    "variable": {
      "name": "--nano-image-ratio-landscape",
      "value": "16/9"
    }
  },
  "IMAGE_RATIO_SQUARE_THEME_GLOBAL": {
    "name": "Image Ratio - Square",
    "type": "image ratios",
    "category": "misc",
    "description": "The aspect ratio for square images.",
    "theme": "global",
    "variable": {
      "name": "--nano-image-ratio-square",
      "value": "1/1"
    }
  },
  "IMAGE_RATIO_PORTRAIT_THEME_GLOBAL": {
    "name": "Image Ratio - Portrait",
    "type": "image ratios",
    "category": "misc",
    "description": "The aspect ratio for portrait images.",
    "theme": "global",
    "variable": {
      "name": "--nano-image-ratio-portrait",
      "value": "3/4"
    }
  },
  "Z_INDEX_BASIC_THEME_GLOBAL": {
    "name": "Z-Index - Basic",
    "type": "z-index",
    "category": "misc",
    "description": "The z-index for basic elements.",
    "theme": "global",
    "variable": {
      "name": "--nano-z-index",
      "value": "2"
    }
  },
  "Z_INDEX_RAISED_THEME_GLOBAL": {
    "name": "Z-Index - Raised",
    "type": "z-index",
    "category": "misc",
    "description": "The z-index for slightly raised elements.",
    "theme": "global",
    "variable": {
      "name": "--nano-z-index-raised",
      "value": "5"
    }
  },
  "Z_INDEX_MENUBAR_THEME_GLOBAL": {
    "name": "Z-Index - Menubar",
    "type": "z-index",
    "category": "misc",
    "description": "The z-index for menubar elements.",
    "theme": "global",
    "variable": {
      "name": "--nano-z-index-menubar",
      "value": "10"
    }
  },
  "Z_INDEX_MASK_THEME_GLOBAL": {
    "name": "Z-Index - Mask",
    "type": "z-index",
    "category": "misc",
    "description": "The z-index for mask elements.",
    "theme": "global",
    "variable": {
      "name": "--nano-z-index-mask",
      "value": "50"
    }
  },
  "Z_INDEX_DROPDOWN_THEME_GLOBAL": {
    "name": "Z-Index - Dropdown",
    "type": "z-index",
    "category": "misc",
    "description": "The z-index for dropdown elements.",
    "theme": "global",
    "variable": {
      "name": "--nano-z-index-dropdown",
      "value": "300"
    }
  },
  "Z_INDEX_MODAL_THEME_GLOBAL": {
    "name": "Z-Index - Modal",
    "type": "z-index",
    "category": "misc",
    "description": "The z-index for modal elements.",
    "theme": "global",
    "variable": {
      "name": "--nano-z-index-modal",
      "value": "700"
    }
  },
  "Z_INDEX_ALERT_THEME_GLOBAL": {
    "name": "Z-Index - Alert",
    "type": "z-index",
    "category": "misc",
    "description": "The z-index for alert elements.",
    "theme": "global",
    "variable": {
      "name": "--nano-z-index-alert",
      "value": "800"
    }
  },
  "Z_INDEX_TOOLTIP_THEME_GLOBAL": {
    "name": "Z-Index - Tooltip",
    "type": "z-index",
    "category": "misc",
    "description": "The z-index for tooltip elements.",
    "theme": "global",
    "variable": {
      "name": "--nano-z-index-tooltip",
      "value": "1000"
    }
  },
  "PRIMARY_50_THEME_DARK": {
    "name": "Primary - 50",
    "type": "theme colours",
    "category": "colours",
    "description": "The darkest shade of the primary colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-primary-50",
      "value": "var(--nano-color-blue-cerulean-1600)"
    }
  },
  "PRIMARY_75_THEME_DARK": {
    "name": "Primary - 75",
    "type": "theme colours",
    "category": "colours",
    "description": "A very dark shade of the primary colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-primary-75",
      "value": "var(--nano-color-blue-cerulean-1500)"
    }
  },
  "PRIMARY_100_THEME_DARK": {
    "name": "Primary - 100",
    "type": "theme colours",
    "category": "colours",
    "description": "A dark shade of the primary colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-primary-100",
      "value": "var(--nano-color-blue-cerulean-1500)"
    }
  },
  "PRIMARY_300_THEME_DARK": {
    "name": "Primary - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium-dark shade of the primary colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-primary-300",
      "value": "var(--nano-color-blue-cerulean-1400)"
    }
  },
  "PRIMARY_700_THEME_DARK": {
    "name": "Primary - 700",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium shade of the primary colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-primary-700",
      "value": "var(--nano-color-blue-cerulean-1300)"
    }
  },
  "PRIMARY_800_THEME_DARK": {
    "name": "Primary - 800",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium-light shade of the primary colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-primary-800",
      "value": "var(--nano-color-blue-cerulean-1200)"
    }
  },
  "PRIMARY_1000_THEME_DARK": {
    "name": "Primary - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "A light shade of the primary colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-primary-1000",
      "value": "var(--nano-color-blue-cerulean-1000)"
    }
  },
  "PRIMARY_1100_THEME_DARK": {
    "name": "Primary - 1100",
    "type": "theme colours",
    "category": "colours",
    "description": "A very light shade of the primary colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-primary-1100",
      "value": "var(--nano-color-blue-cerulean-700)"
    }
  },
  "PRIMARY_1200_THEME_DARK": {
    "name": "Primary - 1200",
    "type": "theme colours",
    "category": "colours",
    "description": "A lighter shade of the primary colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-primary-1200",
      "value": "var(--nano-color-blue-cerulean-300)"
    }
  },
  "PRIMARY_1300_THEME_DARK": {
    "name": "Primary - 1300",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the primary colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-primary-1300",
      "value": "var(--nano-color-blue-cerulean-100)"
    }
  },
  "PRIMARY_1400_THEME_DARK": {
    "name": "Primary - 1400",
    "type": "theme colours",
    "category": "colours",
    "description": "An almost white shade of the primary colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-primary-1400",
      "value": "var(--nano-color-blue-cerulean-075)"
    }
  },
  "NOTICE_75_THEME_DARK": {
    "name": "Notice - 75",
    "type": "theme colours",
    "category": "colours",
    "description": "A very dark shade of the notice colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-notice-75",
      "value": "var(--nano-color-violet-ink-1600)"
    }
  },
  "NOTICE_200_THEME_DARK": {
    "name": "Notice - 200",
    "type": "theme colours",
    "category": "colours",
    "description": "A dark shade of the notice colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-notice-200",
      "value": "var(--nano-color-violet-ink-1500)"
    }
  },
  "NOTICE_300_THEME_DARK": {
    "name": "Notice - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium-dark shade of the notice colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-notice-300",
      "value": "var(--nano-color-violet-ink-1400)"
    }
  },
  "NOTICE_800_THEME_DARK": {
    "name": "Notice - 800",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium shade of the notice colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-notice-800",
      "value": "var(--nano-color-violet-ink-1300)"
    }
  },
  "NOTICE_1000_THEME_DARK": {
    "name": "Notice - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "A light shade of the notice colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-notice-1000",
      "value": "var(--nano-color-violet-ink-900)"
    }
  },
  "NOTICE_1200_THEME_DARK": {
    "name": "Notice - 1200",
    "type": "theme colours",
    "category": "colours",
    "description": "A very light shade of the notice colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-notice-1200",
      "value": "var(--nano-color-violet-ink-800)"
    }
  },
  "NOTICE_1400_THEME_DARK": {
    "name": "Notice - 1400",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the notice colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-notice-1400",
      "value": "var(--nano-color-violet-ink-700)"
    }
  },
  "SUCCESS_50_THEME_DARK": {
    "name": "Success - 50",
    "type": "theme colours",
    "category": "colours",
    "description": "The darkest shade of the success colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-success-50",
      "value": "var(--nano-color-green-leaf-1600)"
    }
  },
  "SUCCESS_75_THEME_DARK": {
    "name": "Success - 75",
    "type": "theme colours",
    "category": "colours",
    "description": "A very dark shade of the success colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-success-75",
      "value": "var(--nano-color-green-leaf-1500)"
    }
  },
  "SUCCESS_200_THEME_DARK": {
    "name": "Success - 200",
    "type": "theme colours",
    "category": "colours",
    "description": "A dark shade of the success colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-success-200",
      "value": "var(--nano-color-green-leaf-1400)"
    }
  },
  "SUCCESS_600_THEME_DARK": {
    "name": "Success - 600",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium shade of the success colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-success-600",
      "value": "var(--nano-color-green-leaf-1300)"
    }
  },
  "SUCCESS_1000_THEME_DARK": {
    "name": "Success - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "A light shade of the success colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-success-1000",
      "value": "var(--nano-color-green-leaf-1000)"
    }
  },
  "SUCCESS_1100_THEME_DARK": {
    "name": "Success - 1100",
    "type": "theme colours",
    "category": "colours",
    "description": "A very light shade of the success colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-success-1100",
      "value": "var(--nano-color-green-leaf-800)"
    }
  },
  "SUCCESS_1200_THEME_DARK": {
    "name": "Success - 1200",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the success colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-success-1200",
      "value": "var(--nano-color-green-leaf-700)"
    }
  },
  "WARNING_75_THEME_DARK": {
    "name": "Warning - 75",
    "type": "theme colours",
    "category": "colours",
    "description": "A very dark shade of the warning colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-warning-75",
      "value": "var(--nano-color-orange-1600)"
    }
  },
  "WARNING_200_THEME_DARK": {
    "name": "Warning - 200",
    "type": "theme colours",
    "category": "colours",
    "description": "A dark shade of the warning colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-warning-200",
      "value": "var(--nano-color-orange-1500)"
    }
  },
  "WARNING_300_THEME_DARK": {
    "name": "Warning - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium-dark shade of the warning colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-warning-300",
      "value": "var(--nano-color-orange-1400)"
    }
  },
  "WARNING_600_THEME_DARK": {
    "name": "Warning - 600",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium shade of the warning colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-warning-600",
      "value": "var(--nano-color-orange-1100)"
    }
  },
  "WARNING_1000_THEME_DARK": {
    "name": "Warning - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "A light shade of the warning colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-warning-1000",
      "value": "var(--nano-color-orange-1000)"
    }
  },
  "WARNING_1100_THEME_DARK": {
    "name": "Warning - 1100",
    "type": "theme colours",
    "category": "colours",
    "description": "A very light shade of the warning colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-warning-1100",
      "value": "var(--nano-color-orange-900)"
    }
  },
  "WARNING_1200_THEME_DARK": {
    "name": "Warning - 1200",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the warning colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-warning-1200",
      "value": "var(--nano-color-orange-800)"
    }
  },
  "DANGER_100_THEME_DARK": {
    "name": "Danger - 100",
    "type": "theme colours",
    "category": "colours",
    "description": "A very dark shade of the danger colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-danger-100",
      "value": "var(--nano-color-red-brick-1600)"
    }
  },
  "DANGER_300_THEME_DARK": {
    "name": "Danger - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "A dark shade of the danger colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-danger-300",
      "value": "var(--nano-color-red-brick-1500)"
    }
  },
  "DANGER_400_THEME_DARK": {
    "name": "Danger - 400",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium-dark shade of the danger colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-danger-400",
      "value": "var(--nano-color-red-brick-1400)"
    }
  },
  "DANGER_800_THEME_DARK": {
    "name": "Danger - 800",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium shade of the danger colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-danger-800",
      "value": "var(--nano-color-red-brick-1300)"
    }
  },
  "DANGER_1000_THEME_DARK": {
    "name": "Danger - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "A light shade of the danger colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-danger-1000",
      "value": "var(--nano-color-red-brick-1100)"
    }
  },
  "DANGER_1100_THEME_DARK": {
    "name": "Danger - 1100",
    "type": "theme colours",
    "category": "colours",
    "description": "A very light shade of the danger colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-danger-1100",
      "value": "var(--nano-color-red-brick-1000)"
    }
  },
  "DANGER_1200_THEME_DARK": {
    "name": "Danger - 1200",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the danger colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-danger-1200",
      "value": "var(--nano-color-red-brick-900)"
    }
  },
  "HIGHLIGHT_THEME_DARK": {
    "name": "Highlight",
    "type": "theme colours",
    "category": "colours",
    "description": "Used to highlight text or elements.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-highlight",
      "value": "var(--nano-color-yellow-lime-1000)"
    }
  },
  "NEUTRAL_50_THEME_DARK": {
    "name": "Neutral - 50",
    "type": "theme colours",
    "category": "colours",
    "description": "The darkest shade of the neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-50",
      "value": "var(--nano-color-grey-mono-1550)"
    }
  },
  "NEUTRAL_75_THEME_DARK": {
    "name": "Neutral - 75",
    "type": "theme colours",
    "category": "colours",
    "description": "A very dark shade of the neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-75",
      "value": "var(--nano-color-grey-mono-1500)"
    }
  },
  "NEUTRAL_100_THEME_DARK": {
    "name": "Neutral - 100",
    "type": "theme colours",
    "category": "colours",
    "description": "A dark shade of the neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-100",
      "value": "var(--nano-color-grey-mono-1400)"
    }
  },
  "NEUTRAL_200_THEME_DARK": {
    "name": "Neutral - 200",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium-dark shade of the neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-200",
      "value": "var(--nano-color-grey-mono-1300)"
    }
  },
  "NEUTRAL_300_THEME_DARK": {
    "name": "Neutral - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium shade of the neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-300",
      "value": "var(--nano-color-grey-mono-1200)"
    }
  },
  "NEUTRAL_400_THEME_DARK": {
    "name": "Neutral - 400",
    "type": "theme colours",
    "category": "colours",
    "description": "A medium-light shade of the neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-400",
      "value": "var(--nano-color-grey-mono-1100)"
    }
  },
  "NEUTRAL_700_THEME_DARK": {
    "name": "Neutral - 700",
    "type": "theme colours",
    "category": "colours",
    "description": "A light shade of the neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-700",
      "value": "var(--nano-color-grey-mono-1000)"
    }
  },
  "NEUTRAL_800_THEME_DARK": {
    "name": "Neutral - 800",
    "type": "theme colours",
    "category": "colours",
    "description": "A very light shade of the neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-800",
      "value": "var(--nano-color-grey-mono-900)"
    }
  },
  "NEUTRAL_900_THEME_DARK": {
    "name": "Neutral - 900",
    "type": "theme colours",
    "category": "colours",
    "description": "A lighter shade of the neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-900",
      "value": "var(--nano-color-grey-mono-800)"
    }
  },
  "NEUTRAL_1000_THEME_DARK": {
    "name": "Neutral - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-1000",
      "value": "var(--nano-color-grey-mono-400)"
    }
  },
  "NEUTRAL_1200_THEME_DARK": {
    "name": "Neutral - 1200",
    "type": "theme colours",
    "category": "colours",
    "description": "An almost white shade of the neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-1200",
      "value": "var(--nano-color-grey-mono-300)"
    }
  },
  "NEUTRAL_1400_THEME_DARK": {
    "name": "Neutral - 1400",
    "type": "theme colours",
    "category": "colours",
    "description": "A very light neutral colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-neutral-1400",
      "value": "var(--nano-color-grey-mono-200)"
    }
  },
  "BASE_0_THEME_DARK": {
    "name": "Base - 0",
    "type": "theme colours",
    "category": "colours",
    "description": "The base black colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-base-0",
      "value": "var(--nano-color-grey-mono-1600)"
    }
  },
  "BASE_1000_THEME_DARK": {
    "name": "Base - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "The base white colour.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-base-1000",
      "value": "var(--nano-color-basic-white)"
    }
  },
  "BASE_RGB_0_THEME_DARK": {
    "name": "Base RGB - 0",
    "type": "theme colours",
    "category": "colours",
    "description": "Usage `rgb(var(--nano-color-base-rgb-0) / 80%)`",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-base-rgb-0",
      "value": "24 24 24"
    }
  },
  "BASE_RGB_1000_THEME_DARK": {
    "name": "Base RGB - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "Usage `rgb(var(--nano-color-base-rgb-1000) / 80%)`",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-base-rgb-1000",
      "value": "255 255 255"
    }
  },
  "SURFACE_50_THEME_DARK": {
    "name": "Surface - 50",
    "type": "theme colours",
    "category": "colours",
    "description": "A colour which indicates the level below the base surface.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-surface-50",
      "value": "var(--nano-color-basic-black)"
    }
  },
  "SURFACE_100_THEME_DARK": {
    "name": "Surface - 100",
    "type": "theme colours",
    "category": "colours",
    "description": "A colour which indicates the base surface level.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-surface-100",
      "value": "var(--nano-color-grey-mono-1500)"
    }
  },
  "SURFACE_200_THEME_DARK": {
    "name": "Surface - 200",
    "type": "theme colours",
    "category": "colours",
    "description": "A colour which indicates a slightly elevated surface.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-surface-200",
      "value": "var(--nano-color-grey-mono-1400)"
    }
  },
  "SURFACE_300_THEME_DARK": {
    "name": "Surface - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "A colour which indicates a raised surface.",
    "theme": "dark",
    "variable": {
      "name": "--nano-color-surface-300",
      "value": "var(--nano-color-grey-mono-1300)"
    }
  },
  "SHADOW_LEVEL_0_THEME_DARK": {
    "name": "Shadow - Level 0",
    "type": "shadows",
    "category": "shadows",
    "description": "The smallest shadow.",
    "theme": "dark",
    "variable": {
      "name": "--nano-shadow-l0",
      "value": "0 0 4px rgb(0 0 0 / 55%)"
    }
  },
  "SHADOW_LEVEL_1_THEME_DARK": {
    "name": "Shadow - Level 1",
    "type": "shadows",
    "category": "shadows",
    "description": "A small shadow for slightly raised elements.",
    "theme": "dark",
    "variable": {
      "name": "--nano-shadow-l1",
      "value": "0 4px 10px rgb(0 0 0 / 45%)"
    }
  },
  "SHADOW_LEVEL_2_THEME_DARK": {
    "name": "Shadow - Level 2",
    "type": "shadows",
    "category": "shadows",
    "description": "A medium shadow for moderately raised elements.",
    "theme": "dark",
    "variable": {
      "name": "--nano-shadow-l2",
      "value": "0 10px 10px rgb(0 0 0 / 40%)"
    }
  },
  "SHADOW_LEVEL_3_THEME_DARK": {
    "name": "Shadow - Level 3",
    "type": "shadows",
    "category": "shadows",
    "description": "A large shadow for significantly raised elements.",
    "theme": "dark",
    "variable": {
      "name": "--nano-shadow-l3",
      "value": "0 20px 20px rgb(0 0 0 / 35%)"
    }
  },
  "OVERLAY_BACKGROUND_COLOR_THEME_DARK": {
    "name": "Overlay - Background Color",
    "type": "overlay",
    "category": "colours",
    "description": "The background color of the overlay for components like modals and drawers.",
    "theme": "dark",
    "variable": {
      "name": "--nano-overlay-background-color",
      "value": "rgb(0 0 0 / 73%)"
    }
  },
  "PRIMARY_50_THEME_LIGHT": {
    "name": "Primary - 50",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the primary colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-primary-50",
      "value": "var(--nano-color-blue-cerulean-050)"
    }
  },
  "PRIMARY_75_THEME_LIGHT": {
    "name": "Primary - 75",
    "type": "theme colours",
    "category": "colours",
    "description": "The second lightest shade of the primary colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-primary-75",
      "value": "var(--nano-color-blue-cerulean-075)"
    }
  },
  "PRIMARY_100_THEME_LIGHT": {
    "name": "Primary - 100",
    "type": "theme colours",
    "category": "colours",
    "description": "The third lightest shade of the primary colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-primary-100",
      "value": "var(--nano-color-blue-cerulean-100)"
    }
  },
  "PRIMARY_300_THEME_LIGHT": {
    "name": "Primary - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "The third lightest shade of the primary colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-primary-300",
      "value": "var(--nano-color-blue-cerulean-300)"
    }
  },
  "PRIMARY_700_THEME_LIGHT": {
    "name": "Primary - 700",
    "type": "theme colours",
    "category": "colours",
    "description": "The fourth lightest shade of the primary colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-primary-700",
      "value": "var(--nano-color-blue-cerulean-700)"
    }
  },
  "PRIMARY_800_THEME_LIGHT": {
    "name": "Primary - 800",
    "type": "theme colours",
    "category": "colours",
    "description": "The fifth lightest shade of the primary colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-primary-800",
      "value": "var(--nano-color-blue-cerulean-800)"
    }
  },
  "PRIMARY_1000_THEME_LIGHT": {
    "name": "Primary - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "The fifth lightest shade of the primary colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-primary-1000",
      "value": "var(--nano-color-blue-cerulean-1000)"
    }
  },
  "PRIMARY_1100_THEME_LIGHT": {
    "name": "Primary - 1100",
    "type": "theme colours",
    "category": "colours",
    "description": "The sixth lightest shade of the primary colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-primary-1100",
      "value": "var(--nano-color-blue-cerulean-1100)"
    }
  },
  "PRIMARY_1200_THEME_LIGHT": {
    "name": "Primary - 1200",
    "type": "theme colours",
    "category": "colours",
    "description": "The seventh lightest shade of the primary colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-primary-1200",
      "value": "var(--nano-color-blue-cerulean-1200)"
    }
  },
  "PRIMARY_1300_THEME_LIGHT": {
    "name": "Primary - 1300",
    "type": "theme colours",
    "category": "colours",
    "description": "The eighth lightest shade of the primary colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-primary-1300",
      "value": "var(--nano-color-blue-cerulean-1300)"
    }
  },
  "PRIMARY_1400_THEME_LIGHT": {
    "name": "Primary - 1400",
    "type": "theme colours",
    "category": "colours",
    "description": "The nineth lightest shade of the primary colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-primary-1400",
      "value": "var(--nano-color-blue-cerulean-1400)"
    }
  },
  "NOTICE_75_THEME_LIGHT": {
    "name": "Notice - 75",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the notice colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-notice-75",
      "value": "var(--nano-color-violet-ink-075)"
    }
  },
  "NOTICE_100_THEME_LIGHT": {
    "name": "Notice - 100",
    "type": "theme colours",
    "category": "colours",
    "description": "The second lightest shade of the notice colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-notice-200",
      "value": "var(--nano-color-violet-ink-200)"
    }
  },
  "NOTICE_300_THEME_LIGHT": {
    "name": "Notice - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "The second lightest shade of the notice colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-notice-300",
      "value": "var(--nano-color-violet-ink-300)"
    }
  },
  "NOTICE_800_THEME_LIGHT": {
    "name": "Notice - 800",
    "type": "theme colours",
    "category": "colours",
    "description": "The third lightest shade of the notice colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-notice-800",
      "value": "var(--nano-color-violet-ink-800)"
    }
  },
  "NOTICE_1000_THEME_LIGHT": {
    "name": "Notice - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "The fourth lightest shade of the notice colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-notice-1000",
      "value": "var(--nano-color-violet-ink-1000)"
    }
  },
  "NOTICE_1200_THEME_LIGHT": {
    "name": "Notice - 1200",
    "type": "theme colours",
    "category": "colours",
    "description": "The fifth lightest shade of the notice colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-notice-1200",
      "value": "var(--nano-color-violet-ink-1200)"
    }
  },
  "NOTICE_1400_THEME_LIGHT": {
    "name": "Notice - 1400",
    "type": "theme colours",
    "category": "colours",
    "description": "The sixth lightest shade of the notice colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-notice-1400",
      "value": "var(--nano-color-violet-ink-1400)"
    }
  },
  "SUCCESS_50_THEME_LIGHT": {
    "name": "Success - 50",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the success colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-success-50",
      "value": "var(--nano-color-green-leaf-050)"
    }
  },
  "SUCCESS_75_THEME_LIGHT": {
    "name": "Success - 75",
    "type": "theme colours",
    "category": "colours",
    "description": "The second lightest shade of the success colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-success-75",
      "value": "var(--nano-color-green-leaf-075)"
    }
  },
  "SUCCESS_200_THEME_LIGHT": {
    "name": "Success - 200",
    "type": "theme colours",
    "category": "colours",
    "description": "The third lightest shade of the success colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-success-200",
      "value": "var(--nano-color-green-leaf-200)"
    }
  },
  "SUCCESS_600_THEME_LIGHT": {
    "name": "Success - 600",
    "type": "theme colours",
    "category": "colours",
    "description": "The fourth lightest shade of the success colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-success-600",
      "value": "var(--nano-color-green-leaf-600)"
    }
  },
  "SUCCESS_1000_THEME_LIGHT": {
    "name": "Success - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "The fifth lightest shade of the success colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-success-1000",
      "value": "var(--nano-color-green-leaf-1000)"
    }
  },
  "SUCCESS_1100_THEME_LIGHT": {
    "name": "Success - 1100",
    "type": "theme colours",
    "category": "colours",
    "description": "The sixth lightest shade of the success colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-success-1100",
      "value": "var(--nano-color-green-leaf-1100)"
    }
  },
  "SUCCESS_1200_THEME_LIGHT": {
    "name": "Success - 1200",
    "type": "theme colours",
    "category": "colours",
    "description": "The seventh lightest shade of the success colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-success-1200",
      "value": "var(--nano-color-green-leaf-1200)"
    }
  },
  "WARNING_75_THEME_LIGHT": {
    "name": "Warning - 75",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the warning colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-warning-75",
      "value": "var(--nano-color-orange-075)"
    }
  },
  "WARNING_200_THEME_LIGHT": {
    "name": "Warning - 200",
    "type": "theme colours",
    "category": "colours",
    "description": "The third lightest shade of the warning colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-warning-200",
      "value": "var(--nano-color-orange-200)"
    }
  },
  "WARNING_300_THEME_LIGHT": {
    "name": "Warning - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "The second lightest shade of the warning colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-warning-300",
      "value": "var(--nano-color-orange-300)"
    }
  },
  "WARNING_600_THEME_LIGHT": {
    "name": "Warning - 600",
    "type": "theme colours",
    "category": "colours",
    "description": "The fourth lightest shade of the warning colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-warning-600",
      "value": "var(--nano-color-orange-600)"
    }
  },
  "WARNING_1000_THEME_LIGHT": {
    "name": "Warning - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "The sixth lightest shade of the warning colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-warning-1000",
      "value": "var(--nano-color-orange-1000)"
    }
  },
  "WARNING_1100_THEME_LIGHT": {
    "name": "Warning - 1100",
    "type": "theme colours",
    "category": "colours",
    "description": "The sixth lightest shade of the warning colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-warning-1100",
      "value": "var(--nano-color-orange-1100)"
    }
  },
  "WARNING_1200_THEME_LIGHT": {
    "name": "Warning - 1200",
    "type": "theme colours",
    "category": "colours",
    "description": "The seventh lightest shade of the warning colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-warning-1200",
      "value": "var(--nano-color-orange-1200)"
    }
  },
  "DANGER_100_THEME_LIGHT": {
    "name": "Danger - 100",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the danger colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-danger-100",
      "value": "var(--nano-color-red-brick-100)"
    }
  },
  "DANGER_300_THEME_LIGHT": {
    "name": "Danger - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "The second lightest shade of the danger colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-danger-300",
      "value": "var(--nano-color-red-brick-300)"
    }
  },
  "DANGER_400_THEME_LIGHT": {
    "name": "Danger - 400",
    "type": "theme colours",
    "category": "colours",
    "description": "The third lightest shade of the danger colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-danger-400",
      "value": "var(--nano-color-red-brick-400)"
    }
  },
  "DANGER_800_THEME_LIGHT": {
    "name": "Danger - 800",
    "type": "theme colours",
    "category": "colours",
    "description": "The fourth lightest shade of the danger colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-danger-800",
      "value": "var(--nano-color-red-brick-800)"
    }
  },
  "DANGER_1000_THEME_LIGHT": {
    "name": "Danger - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "The fifth lightest shade of the danger colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-danger-1000",
      "value": "var(--nano-color-red-brick-1000)"
    }
  },
  "DANGER_1100_THEME_LIGHT": {
    "name": "Danger - 1100",
    "type": "theme colours",
    "category": "colours",
    "description": "The sixth lightest shade of the danger colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-danger-1100",
      "value": "var(--nano-color-red-brick-1100)"
    }
  },
  "DANGER_1300_THEME_LIGHT": {
    "name": "Danger - 1300",
    "type": "theme colours",
    "category": "colours",
    "description": "The seventh lightest shade of the danger colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-danger-1200",
      "value": "var(--nano-color-red-brick-1200)"
    }
  },
  "HIGHLIGHT_THEME_LIGHT": {
    "name": "Highlight",
    "type": "theme colours",
    "category": "colours",
    "description": "Used to highlight text or elements.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-highlight",
      "value": "var(--nano-color-yellow-lime-100)"
    }
  },
  "NEUTRAL_50_THEME_LIGHT": {
    "name": "Neutral - 50",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-50",
      "value": "var(--nano-color-grey-mono-050)"
    }
  },
  "NEUTRAL_75_THEME_LIGHT": {
    "name": "Neutral - 75",
    "type": "theme colours",
    "category": "colours",
    "description": "The second lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-75",
      "value": "var(--nano-color-grey-mono-075)"
    }
  },
  "NEUTRAL_100_THEME_LIGHT": {
    "name": "Neutral - 100",
    "type": "theme colours",
    "category": "colours",
    "description": "The third lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-100",
      "value": "var(--nano-color-grey-mono-100)"
    }
  },
  "NEUTRAL_200_THEME_LIGHT": {
    "name": "Neutral - 200",
    "type": "theme colours",
    "category": "colours",
    "description": "The fourth lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-200",
      "value": "var(--nano-color-grey-mono-200)"
    }
  },
  "NEUTRAL_300_THEME_LIGHT": {
    "name": "Neutral - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "The fifth lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-300",
      "value": "var(--nano-color-grey-mono-300)"
    }
  },
  "NEUTRAL_400_THEME_LIGHT": {
    "name": "Neutral - 400",
    "type": "theme colours",
    "category": "colours",
    "description": "The sixth lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-400",
      "value": "var(--nano-color-grey-mono-400)"
    }
  },
  "NEUTRAL_500_THEME_LIGHT": {
    "name": "Neutral - 500",
    "type": "theme colours",
    "category": "colours",
    "description": "The seventh lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-700",
      "value": "var(--nano-color-grey-mono-700)"
    }
  },
  "NEUTRAL_800_THEME_LIGHT": {
    "name": "Neutral - 800",
    "type": "theme colours",
    "category": "colours",
    "description": "The seventh lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-800",
      "value": "var(--nano-color-grey-mono-800)"
    }
  },
  "NEUTRAL_900_THEME_LIGHT": {
    "name": "Neutral - 900",
    "type": "theme colours",
    "category": "colours",
    "description": "The eighth lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-900",
      "value": "var(--nano-color-grey-mono-900)"
    }
  },
  "NEUTRAL_1000_THEME_LIGHT": {
    "name": "Neutral - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "The eighth lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-1000",
      "value": "var(--nano-color-grey-mono-1000)"
    }
  },
  "NEUTRAL_1200_THEME_LIGHT": {
    "name": "Neutral - 1200",
    "type": "theme colours",
    "category": "colours",
    "description": "The nineth lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-1200",
      "value": "var(--nano-color-grey-mono-1200)"
    }
  },
  "NEUTRAL_1400_THEME_LIGHT": {
    "name": "Neutral - 1400",
    "type": "theme colours",
    "category": "colours",
    "description": "The tenth lightest shade of the neutral colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-neutral-1400",
      "value": "var(--nano-color-grey-mono-1400)"
    }
  },
  "BASE_COLOUR_LIGHTEST_THEME_LIGHT": {
    "name": "Base Colour - Lightest",
    "type": "theme colours",
    "category": "colours",
    "description": "The lightest base colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-base-0",
      "value": "var(--nano-color-basic-white)"
    }
  },
  "BASE_COLOUR_DARKEST_THEME_LIGHT": {
    "name": "Base Colour - Darkest",
    "type": "theme colours",
    "category": "colours",
    "description": "The darkest base colour.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-base-1000",
      "value": "var(--nano-color-grey-mono-1600)"
    }
  },
  "BASE_RGB_0_THEME_LIGHT": {
    "name": "Base RGB - 0",
    "type": "theme colours",
    "category": "colours",
    "description": "Usage `rgb(var(--nano-color-base-rgb-0) / 80%)`",
    "theme": "light",
    "variable": {
      "name": "--nano-color-base-rgb-0",
      "value": "255 255 255"
    }
  },
  "BASE_RGB_1000_THEME_LIGHT": {
    "name": "Base RGB - 1000",
    "type": "theme colours",
    "category": "colours",
    "description": "Usage `rgb(var(--nano-color-base-rgb-1000) / 80%)`",
    "theme": "light",
    "variable": {
      "name": "--nano-color-base-rgb-1000",
      "value": "0 0 0"
    }
  },
  "SURFACE_50_THEME_LIGHT": {
    "name": "Surface - 50",
    "type": "theme colours",
    "category": "colours",
    "description": "A colour which indicates the level below the base surface.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-surface-50",
      "value": "var(--nano-color-grey-mono-200)"
    }
  },
  "SURFACE_100_THEME_LIGHT": {
    "name": "Surface - 100",
    "type": "theme colours",
    "category": "colours",
    "description": "A colour which indicates the base surface level.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-surface-100",
      "value": "var(--nano-color-basic-white)"
    }
  },
  "SURFACE_200_THEME_LIGHT": {
    "name": "Surface - 200",
    "type": "theme colours",
    "category": "colours",
    "description": "A colour which indicates a slightly elevated surface.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-surface-200",
      "value": "var(--nano-color-basic-white)"
    }
  },
  "SURFACE_300_THEME_LIGHT": {
    "name": "Surface - 300",
    "type": "theme colours",
    "category": "colours",
    "description": "A colour which indicates the highest surface level.",
    "theme": "light",
    "variable": {
      "name": "--nano-color-surface-400",
      "value": "var(--nano-color-basic-white)"
    }
  },
  "SHADOW_SUNKEN_LEVEL_THEME_LIGHT": {
    "name": "Shadow - Sunken level",
    "type": "shadows",
    "category": "colours",
    "description": "A level below base",
    "theme": "light",
    "variable": {
      "name": "--nano-shadow-ls",
      "value": "inset -2px 0 4px rgb(0 0 0 / 20%)"
    }
  },
  "SHADOW_LEVEL_0_THEME_LIGHT": {
    "name": "Shadow - Level 0",
    "type": "shadows",
    "category": "shadows",
    "description": "The smallest shadow.",
    "theme": "light",
    "variable": {
      "name": "--nano-shadow-l0",
      "value": "0 0 4px rgb(0 0 0 / 25%)"
    }
  },
  "SHADOW_LEVEL_1_THEME_LIGHT": {
    "name": "Shadow - Level 1",
    "type": "shadows",
    "category": "shadows",
    "description": "A small shadow for slightly raised elements.",
    "theme": "light",
    "variable": {
      "name": "--nano-shadow-l1",
      "value": "0 4px 10px rgb(0 0 0 / 15%)"
    }
  },
  "SHADOW_LEVEL_2_THEME_LIGHT": {
    "name": "Shadow - Level 2",
    "type": "shadows",
    "category": "shadows",
    "description": "A medium shadow for moderately raised elements.",
    "theme": "light",
    "variable": {
      "name": "--nano-shadow-l2",
      "value": "0 10px 10px rgb(0 0 0 / 10%)"
    }
  },
  "SHADOW_LEVEL_3_THEME_LIGHT": {
    "name": "Shadow - Level 3",
    "type": "shadows",
    "category": "shadows",
    "description": "A large shadow for raised elements.",
    "theme": "light",
    "variable": {
      "name": "--nano-shadow-l3",
      "value": "0 20px 20px rgb(0 0 0 / 20%)"
    }
  },
  "OVERLAY_BACKGROUND_COLOR_THEME_LIGHT": {
    "name": "Overlay - Background Color",
    "type": "overlay",
    "category": "colours",
    "description": "The background color of the overlay for components like modals and drawers.",
    "theme": "light",
    "variable": {
      "name": "--nano-overlay-background-color",
      "value": "rgb(0 0 0 / 43%)"
    }
  }
}