{
  "$description": "Gossamer Frond — generated by UIX from preset gossamer-frond@1.1.0",
  "color": {
    "brand": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9569,
            0.9725,
            0.9373
          ],
          "hex": "#f4f8ef"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.898,
            0.9373,
            0.8627
          ],
          "hex": "#e5efdc"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7961,
            0.8745,
            0.7294
          ],
          "hex": "#cbdfba"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6549,
            0.7843,
            0.5608
          ],
          "hex": "#a7c88f"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.502,
            0.6706,
            0.4039
          ],
          "hex": "#80ab67"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3725,
            0.5608,
            0.2824
          ],
          "hex": "#5f8f48"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2824,
            0.4588,
            0.2078
          ],
          "hex": "#487535"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2196,
            0.3608,
            0.1647
          ],
          "hex": "#385c2a"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1686,
            0.2784,
            0.1294
          ],
          "hex": "#2b4721"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1216,
            0.2,
            0.0941
          ],
          "hex": "#1f3318"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0667,
            0.1216,
            0.051
          ],
          "hex": "#111f0d"
        }
      }
    },
    "neutral": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9804,
            0.9804,
            0.9804
          ],
          "hex": "#fafafa"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.949,
            0.949,
            0.949
          ],
          "hex": "#f2f2f2"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8902,
            0.8902,
            0.8902
          ],
          "hex": "#e3e3e3"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8,
            0.8,
            0.8
          ],
          "hex": "#cccccc"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.651,
            0.651,
            0.651
          ],
          "hex": "#a6a6a6"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.502,
            0.502,
            0.502
          ],
          "hex": "#808080"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3882,
            0.3882,
            0.3882
          ],
          "hex": "#636363"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.302,
            0.302,
            0.302
          ],
          "hex": "#4d4d4d"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2118,
            0.2118,
            0.2118
          ],
          "hex": "#363636"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1333,
            0.1333,
            0.1333
          ],
          "hex": "#222222"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0706,
            0.0706,
            0.0706
          ],
          "hex": "#121212"
        }
      }
    },
    "success": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9333,
            0.9804,
            0.9569
          ],
          "hex": "#eefaf4"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8353,
            0.949,
            0.8863
          ],
          "hex": "#d5f2e2"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6824,
            0.8941,
            0.7843
          ],
          "hex": "#aee4c8"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.498,
            0.8157,
            0.6667
          ],
          "hex": "#7fd0aa"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3216,
            0.7255,
            0.5412
          ],
          "hex": "#52b98a"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1843,
            0.6196,
            0.4353
          ],
          "hex": "#2f9e6f"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1216,
            0.502,
            0.349
          ],
          "hex": "#1f8059"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0902,
            0.3961,
            0.2824
          ],
          "hex": "#176548"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0667,
            0.302,
            0.2157
          ],
          "hex": "#114d37"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0431,
            0.2118,
            0.149
          ],
          "hex": "#0b3626"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0196,
            0.1255,
            0.0863
          ],
          "hex": "#052016"
        }
      }
    },
    "warning": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.9725,
            0.9098
          ],
          "hex": "#fff8e8"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.9333,
            0.7765
          ],
          "hex": "#ffeec6"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9725,
            0.8627,
            0.5961
          ],
          "hex": "#f8dc98"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9098,
            0.7608,
            0.4157
          ],
          "hex": "#e8c26a"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8196,
            0.6431,
            0.2275
          ],
          "hex": "#d1a43a"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7059,
            0.5255,
            0.102
          ],
          "hex": "#b4861a"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5804,
            0.4196,
            0.0471
          ],
          "hex": "#946b0c"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4627,
            0.3294,
            0.0353
          ],
          "hex": "#765409"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3529,
            0.251,
            0.0235
          ],
          "hex": "#5a4006"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.251,
            0.1765,
            0.0118
          ],
          "hex": "#402d03"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1529,
            0.1059,
            0.0039
          ],
          "hex": "#271b01"
        }
      }
    },
    "danger": {
      "50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.9608,
            0.9647
          ],
          "hex": "#fff5f6"
        }
      },
      "100": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.8902,
            0.902
          ],
          "hex": "#ffe3e6"
        }
      },
      "200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.7804,
            0.8078
          ],
          "hex": "#ffc7ce"
        }
      },
      "300": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            0.6078,
            0.6627
          ],
          "hex": "#ff9ba9"
        }
      },
      "400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.949,
            0.4157,
            0.5098
          ],
          "hex": "#f26a82"
        }
      },
      "500": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.851,
            0.2549,
            0.3725
          ],
          "hex": "#d9415f"
        }
      },
      "600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7216,
            0.1647,
            0.2863
          ],
          "hex": "#b82a49"
        }
      },
      "700": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5882,
            0.1255,
            0.2275
          ],
          "hex": "#96203a"
        }
      },
      "800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.451,
            0.0784,
            0.1725
          ],
          "hex": "#73142c"
        }
      },
      "900": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3294,
            0.0392,
            0.1176
          ],
          "hex": "#540a1e"
        }
      },
      "950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2275,
            0,
            0.0706
          ],
          "hex": "#3a0012"
        }
      }
    }
  },
  "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": 8,
        "unit": "px"
      }
    },
    "xl": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "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": [
        "Literata",
        "Georgia",
        "serif"
      ]
    },
    "sans": {
      "$type": "fontFamily",
      "$value": [
        "Nunito Sans",
        "system-ui",
        "sans-serif"
      ]
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "Fira Code",
        "ui-monospace",
        "monospace"
      ]
    }
  },
  "typography": {
    "display-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 56,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.07,
        "letterSpacing": {
          "value": -0.022,
          "unit": "em"
        }
      }
    },
    "display-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 42,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.12,
        "letterSpacing": {
          "value": -0.018,
          "unit": "em"
        }
      }
    },
    "heading-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 32,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": -0.012,
          "unit": "em"
        }
      }
    },
    "heading-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.display}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": 1.3,
        "letterSpacing": {
          "value": -0.006,
          "unit": "em"
        }
      }
    },
    "heading-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0,
          "unit": "em"
        }
      }
    },
    "body-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.7,
        "letterSpacing": {
          "value": 0,
          "unit": "em"
        }
      }
    },
    "body-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.65,
        "letterSpacing": {
          "value": 0,
          "unit": "em"
        }
      }
    },
    "body-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.55,
        "letterSpacing": {
          "value": 0.005,
          "unit": "em"
        }
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.3,
        "letterSpacing": {
          "value": 0.02,
          "unit": "em"
        }
      }
    },
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.sans}",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0.08,
          "unit": "em"
        }
      }
    },
    "code": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.mono}",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.6,
        "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.600}"
      },
      "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.600}"
      },
      "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.200}"
      },
      "input": {
        "$type": "color",
        "$value": "{color.neutral.300}"
      },
      "ring": {
        "$type": "color",
        "$value": "{color.brand.500}"
      }
    },
    "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.700}"
      },
      "ring": {
        "$type": "color",
        "$value": "{color.brand.400}"
      }
    }
  }
}