{
  "$description": "Understory Array — generated by UIX from preset understory-array@1.1.0",
  "color": {
    "brand": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9294,
            0.9882,
            0.949
          ],
          "hex": "#edfcf2"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8275,
            0.9725,
            0.8784
          ],
          "hex": "#d3f8e0"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6667,
            0.9412,
            0.7725
          ],
          "hex": "#aaf0c5"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4549,
            0.8863,
            0.6392
          ],
          "hex": "#74e2a3"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2431,
            0.8118,
            0.5098
          ],
          "hex": "#3ecf82"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1216,
            0.702,
            0.4078
          ],
          "hex": "#1fb368"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0706,
            0.5647,
            0.3294
          ],
          "hex": "#129054"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0588,
            0.4431,
            0.2667
          ],
          "hex": "#0f7144"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0549,
            0.349,
            0.2157
          ],
          "hex": "#0e5937"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.051,
            0.2745,
            0.1882
          ],
          "hex": "#0d4630"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0157,
            0.1529,
            0.102
          ],
          "hex": "#04271a"
        }
      }
    },
    "neutral": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.949,
            0.9647,
            0.9647
          ],
          "hex": "#f2f6f6"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.898,
            0.9255,
            0.9255
          ],
          "hex": "#e5ecec"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8039,
            0.8471,
            0.8471
          ],
          "hex": "#cdd8d8"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6824,
            0.7373,
            0.7373
          ],
          "hex": "#aebcbc"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5412,
            0.6078,
            0.6118
          ],
          "hex": "#8a9b9c"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4157,
            0.4863,
            0.4902
          ],
          "hex": "#6a7c7d"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3216,
            0.3882,
            0.3922
          ],
          "hex": "#526364"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2392,
            0.298,
            0.302
          ],
          "hex": "#3d4c4d"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1647,
            0.2157,
            0.2196
          ],
          "hex": "#2a3738"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.102,
            0.1412,
            0.1451
          ],
          "hex": "#1a2425"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.051,
            0.0784,
            0.0824
          ],
          "hex": "#0d1415"
        }
      }
    },
    "success": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.902,
            0.9843,
            0.9647
          ],
          "hex": "#e6fbf6"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7686,
            0.9608,
            0.9176
          ],
          "hex": "#c4f5ea"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.549,
            0.9098,
            0.8314
          ],
          "hex": "#8ce8d4"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3098,
            0.8353,
            0.7294
          ],
          "hex": "#4fd5ba"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1333,
            0.7333,
            0.6235
          ],
          "hex": "#22bb9f"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0588,
            0.6157,
            0.5216
          ],
          "hex": "#0f9d85"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0431,
            0.498,
            0.4275
          ],
          "hex": "#0b7f6d"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0392,
            0.3922,
            0.3451
          ],
          "hex": "#0a6458"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0353,
            0.3059,
            0.2706
          ],
          "hex": "#094e45"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0314,
            0.2353,
            0.2118
          ],
          "hex": "#083c36"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0118,
            0.1373,
            0.1216
          ],
          "hex": "#03231f"
        }
      }
    },
    "warning": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.9725,
            0.898
          ],
          "hex": "#fff8e5"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.9294,
            0.7216
          ],
          "hex": "#ffedb8"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9882,
            0.8588,
            0.498
          ],
          "hex": "#fcdb7f"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9529,
            0.7608,
            0.2667
          ],
          "hex": "#f3c244"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8784,
            0.651,
            0.0902
          ],
          "hex": "#e0a617"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7608,
            0.5412,
            0
          ],
          "hex": "#c28a00"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6157,
            0.4353,
            0
          ],
          "hex": "#9d6f00"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4824,
            0.3373,
            0
          ],
          "hex": "#7b5600"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3647,
            0.2549,
            0
          ],
          "hex": "#5d4100"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2627,
            0.1804,
            0
          ],
          "hex": "#432e00"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1647,
            0.1098,
            0
          ],
          "hex": "#2a1c00"
        }
      }
    },
    "danger": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.9451,
            0.949
          ],
          "hex": "#fff1f2"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.8824,
            0.8902
          ],
          "hex": "#ffe1e3"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.7647,
            0.7882
          ],
          "hex": "#ffc3c9"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.5961,
            0.6392
          ],
          "hex": "#ff98a3"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9765,
            0.4157,
            0.4863
          ],
          "hex": "#f96a7c"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.902,
            0.2471,
            0.349
          ],
          "hex": "#e63f59"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7804,
            0.1569,
            0.2471
          ],
          "hex": "#c7283f"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6392,
            0.1098,
            0.1961
          ],
          "hex": "#a31c32"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.498,
            0.0706,
            0.149
          ],
          "hex": "#7f1226"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3686,
            0.0392,
            0.102
          ],
          "hex": "#5e0a1a"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2392,
            0.0118,
            0.0627
          ],
          "hex": "#3d0310"
        }
      }
    }
  },
  "radius": {
    "none": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "sm": {
      "$type": "dimension",
      "$value": {
        "value": 2,
        "unit": "px"
      }
    },
    "md": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "lg": {
      "$type": "dimension",
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "xl": {
      "$type": "dimension",
      "$value": {
        "value": 10,
        "unit": "px"
      }
    },
    "full": {
      "$type": "dimension",
      "$value": {
        "value": 9999,
        "unit": "px"
      }
    }
  },
  "space": {
    "0": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "1": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "2": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "3": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "4": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "5": {
      "$type": "dimension",
      "$value": {
        "value": 20,
        "unit": "px"
      }
    },
    "6": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "8": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "10": {
      "$type": "dimension",
      "$value": {
        "value": 40,
        "unit": "px"
      }
    },
    "12": {
      "$type": "dimension",
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "16": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "20": {
      "$type": "dimension",
      "$value": {
        "value": 80,
        "unit": "px"
      }
    },
    "24": {
      "$type": "dimension",
      "$value": {
        "value": 96,
        "unit": "px"
      }
    },
    "0.5": {
      "$type": "dimension",
      "$value": {
        "value": 2,
        "unit": "px"
      }
    },
    "1.5": {
      "$type": "dimension",
      "$value": {
        "value": 6,
        "unit": "px"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Atkinson Hyperlegible",
        "system-ui",
        "sans-serif"
      ]
    },
    "sans": {
      "$type": "fontFamily",
      "$value": [
        "Atkinson Hyperlegible",
        "system-ui",
        "sans-serif"
      ]
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "JetBrains Mono",
        "ui-monospace",
        "monospace"
      ]
    }
  },
  "typography": {
    "display-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 36,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1.11,
        "letterSpacing": {
          "value": -0.022,
          "unit": "em"
        }
      }
    },
    "display-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 28,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1.14,
        "letterSpacing": {
          "value": -0.018,
          "unit": "em"
        }
      }
    },
    "heading-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 22,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1.27,
        "letterSpacing": {
          "value": -0.012,
          "unit": "em"
        }
      }
    },
    "heading-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1.33,
        "letterSpacing": {
          "value": -0.006,
          "unit": "em"
        }
      }
    },
    "heading-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1.43,
        "letterSpacing": {
          "value": 0,
          "unit": "em"
        }
      }
    },
    "body-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "em"
        }
      }
    },
    "body-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.43,
        "letterSpacing": {
          "value": 0,
          "unit": "em"
        }
      }
    },
    "body-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.38,
        "letterSpacing": {
          "value": 0,
          "unit": "em"
        }
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1.23,
        "letterSpacing": {
          "value": 0.005,
          "unit": "em"
        }
      }
    },
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.33,
        "letterSpacing": {
          "value": 0.01,
          "unit": "em"
        }
      }
    },
    "code": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.mono}",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.54,
        "letterSpacing": {
          "value": 0,
          "unit": "em"
        }
      }
    }
  },
  "semantic": {
    "light": {
      "background": {
        "$type": "color",
        "$value": "{color.neutral.50}"
      },
      "foreground": {
        "$type": "color",
        "$value": "{color.neutral.950}"
      },
      "card": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            1,
            1
          ],
          "hex": "#ffffff"
        }
      },
      "card-foreground": {
        "$type": "color",
        "$value": "{color.neutral.950}"
      },
      "popover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            1,
            1
          ],
          "hex": "#ffffff"
        }
      },
      "popover-foreground": {
        "$type": "color",
        "$value": "{color.neutral.950}"
      },
      "primary": {
        "$type": "color",
        "$value": "{color.brand.700}"
      },
      "primary-foreground": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            1,
            1
          ],
          "hex": "#ffffff"
        }
      },
      "secondary": {
        "$type": "color",
        "$value": "{color.neutral.100}"
      },
      "secondary-foreground": {
        "$type": "color",
        "$value": "{color.neutral.900}"
      },
      "muted": {
        "$type": "color",
        "$value": "{color.neutral.100}"
      },
      "muted-foreground": {
        "$type": "color",
        "$value": "{color.neutral.700}"
      },
      "accent": {
        "$type": "color",
        "$value": "{color.brand.100}"
      },
      "accent-foreground": {
        "$type": "color",
        "$value": "{color.brand.900}"
      },
      "destructive": {
        "$type": "color",
        "$value": "{color.danger.600}"
      },
      "destructive-foreground": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            1,
            1
          ],
          "hex": "#ffffff"
        }
      },
      "success": {
        "$type": "color",
        "$value": "{color.success.700}"
      },
      "success-foreground": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            1,
            1
          ],
          "hex": "#ffffff"
        }
      },
      "warning": {
        "$type": "color",
        "$value": "{color.warning.200}"
      },
      "warning-foreground": {
        "$type": "color",
        "$value": "{color.warning.900}"
      },
      "border": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "input": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "ring": {
        "$type": "color",
        "$value": "{color.brand.600}"
      }
    },
    "dark": {
      "background": {
        "$type": "color",
        "$value": "{color.neutral.950}"
      },
      "foreground": {
        "$type": "color",
        "$value": "{color.neutral.50}"
      },
      "card": {
        "$type": "color",
        "$value": "{color.neutral.900}"
      },
      "card-foreground": {
        "$type": "color",
        "$value": "{color.neutral.50}"
      },
      "popover": {
        "$type": "color",
        "$value": "{color.neutral.900}"
      },
      "popover-foreground": {
        "$type": "color",
        "$value": "{color.neutral.50}"
      },
      "primary": {
        "$type": "color",
        "$value": "{color.brand.400}"
      },
      "primary-foreground": {
        "$type": "color",
        "$value": "{color.brand.950}"
      },
      "secondary": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "secondary-foreground": {
        "$type": "color",
        "$value": "{color.neutral.100}"
      },
      "muted": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "muted-foreground": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "accent": {
        "$type": "color",
        "$value": "{color.brand.900}"
      },
      "accent-foreground": {
        "$type": "color",
        "$value": "{color.brand.100}"
      },
      "destructive": {
        "$type": "color",
        "$value": "{color.danger.400}"
      },
      "destructive-foreground": {
        "$type": "color",
        "$value": "{color.danger.950}"
      },
      "success": {
        "$type": "color",
        "$value": "{color.success.400}"
      },
      "success-foreground": {
        "$type": "color",
        "$value": "{color.success.950}"
      },
      "warning": {
        "$type": "color",
        "$value": "{color.warning.400}"
      },
      "warning-foreground": {
        "$type": "color",
        "$value": "{color.warning.950}"
      },
      "border": {
        "$type": "color",
        "$value": "{color.neutral.800}"
      },
      "input": {
        "$type": "color",
        "$value": "{color.neutral.500}"
      },
      "ring": {
        "$type": "color",
        "$value": "{color.brand.400}"
      }
    }
  }
}