rechta-ds 0.0.0

package/packages/tokens/src/tokens.json

@@ -0,0 +1,1538 @@
+{
+  "color": {
+    "primitive": {
+      "black": {
+        "$type": "color",
+        "$value": "#000000"
+      },
+      "porcelain": {
+        "$type": "color",
+        "$value": "#FFFFFC"
+      },
+      "malachite": {
+        "$type": "color",
+        "$value": "#09E85E"
+      },
+      "emerald": {
+        "$type": "color",
+        "$value": "#16C172"
+      },
+      "dodgerBlue": {
+        "$type": "color",
+        "$value": "#3590F3"
+      },
+      "gray": {
+        "0": {
+          "$type": "color",
+          "$value": "#FFFFFC"
+        },
+        "25": {
+          "$type": "color",
+          "$value": "#F8F8F6"
+        },
+        "50": {
+          "$type": "color",
+          "$value": "#F0F0EE"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#E2E2E0"
+        },
+        "150": {
+          "$type": "color",
+          "$value": "#D0D0CE"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#BBBBBA"
+        },
+        "250": {
+          "$type": "color",
+          "$value": "#A8A8A6"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#8E8E8C"
+        },
+        "350": {
+          "$type": "color",
+          "$value": "#787876"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#646462"
+        },
+        "450": {
+          "$type": "color",
+          "$value": "#545452"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#444442"
+        },
+        "550": {
+          "$type": "color",
+          "$value": "#383836"
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#2C2C2A"
+        },
+        "650": {
+          "$type": "color",
+          "$value": "#242422"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#1C1C1A"
+        },
+        "750": {
+          "$type": "color",
+          "$value": "#161614"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#111110"
+        },
+        "850": {
+          "$type": "color",
+          "$value": "#0C0C0B"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#080806"
+        },
+        "950": {
+          "$type": "color",
+          "$value": "#040403"
+        },
+        "1000": {
+          "$type": "color",
+          "$value": "#000000"
+        }
+      },
+      "brand": {
+        "50": {
+          "$type": "color",
+          "$value": "#EDFFF5"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#C9FFE1"
+        },
+        "150": {
+          "$type": "color",
+          "$value": "#A0FBCC"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#63F5A8"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#20F07A"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#09E85E"
+        },
+        "450": {
+          "$type": "color",
+          "$value": "#0CF568"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#07C44F"
+        },
+        "550": {
+          "$type": "color",
+          "$value": "#16C172"
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#0FAD63"
+        },
+        "650": {
+          "$type": "color",
+          "$value": "#0D9456"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#0A8048"
+        },
+        "750": {
+          "$type": "color",
+          "$value": "#08683B"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#055230"
+        },
+        "850": {
+          "$type": "color",
+          "$value": "#033C22"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#022818"
+        },
+        "950": {
+          "$type": "color",
+          "$value": "#01160C"
+        }
+      },
+      "blue": {
+        "400": {
+          "$type": "color",
+          "$value": "#60A5FA"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#3B82F6"
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#2563EB"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#1D4ED8"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#1E40AF"
+        }
+      },
+      "red": {
+        "50": {
+          "$type": "color",
+          "$value": "#FFF0F0"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#FFD6D6"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#FFA8A8"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#FF7070"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#F87171"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#EF4444"
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#DC2626"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#B91C1C"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#7F1D1D"
+        }
+      },
+      "amber": {
+        "50": {
+          "$type": "color",
+          "$value": "#FFFBEB"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#FEF3C7"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#FDE68A"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#FCD34D"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#FBBF24"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#F59E0B"
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#D97706"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#92570A"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#78350F"
+        }
+      },
+      "violet": {
+        "50": {
+          "$type": "color",
+          "$value": "#EEF0FF"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#D9DCFF"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#B4BBFF"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#8B8EF8"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#6B78E5"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#5E6AD2"
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#4F5BB8"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#3E4A9A"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#2E3880"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#1E2660"
+        }
+      },
+      "zinc": {
+        "950": {
+          "$type": "color",
+          "$value": "#09090B"
+        },
+        "900": {
+          "$type": "color",
+          "$value": "#0D0D0F"
+        },
+        "850": {
+          "$type": "color",
+          "$value": "#111113"
+        },
+        "800": {
+          "$type": "color",
+          "$value": "#141416"
+        },
+        "750": {
+          "$type": "color",
+          "$value": "#161618"
+        },
+        "700": {
+          "$type": "color",
+          "$value": "#1C1C1F"
+        },
+        "600": {
+          "$type": "color",
+          "$value": "#27272A"
+        },
+        "500": {
+          "$type": "color",
+          "$value": "#3F3F48"
+        },
+        "400": {
+          "$type": "color",
+          "$value": "#52525C"
+        },
+        "300": {
+          "$type": "color",
+          "$value": "#6E6E78"
+        },
+        "200": {
+          "$type": "color",
+          "$value": "#A0A0A8"
+        },
+        "100": {
+          "$type": "color",
+          "$value": "#EDEDEF"
+        }
+      }
+    },
+    "semantic": {
+      "dark": {
+        "bg": {
+          "base": {
+            "$type": "color",
+            "$value": "#000000",
+            "$comment": "Root canvas"
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#090909",
+            "$comment": "Slightly lifted"
+          },
+          "muted": {
+            "$type": "color",
+            "$value": "#0F0F0F",
+            "$comment": "Muted fill"
+          },
+          "elevated": {
+            "$type": "color",
+            "$value": "#161616",
+            "$comment": "Modal/popover"
+          },
+          "overlay": {
+            "$type": "color",
+            "$value": "#1E1E1E",
+            "$comment": "Dropdown/menu"
+          },
+          "inverse": {
+            "$type": "color",
+            "$value": "#FFFFFC",
+            "$comment": "Inverted canvas"
+          }
+        },
+        "surface": {
+          "default": {
+            "$type": "color",
+            "$value": "#111111",
+            "$comment": "Card default"
+          },
+          "raised": {
+            "$type": "color",
+            "$value": "#1A1A1A",
+            "$comment": "Card raised"
+          },
+          "sunken": {
+            "$type": "color",
+            "$value": "#080808",
+            "$comment": "Inset/sunken"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "#222222",
+            "$comment": "Surface hover state"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "#2A2A2A",
+            "$comment": "Surface pressed state"
+          },
+          "selected": {
+            "$type": "color",
+            "$value": "#1C2E1C",
+            "$comment": "Surface selected (brand)"
+          }
+        },
+        "border": {
+          "subtle": {
+            "$type": "color",
+            "$value": "#1E1E1E",
+            "$comment": "Dividers, hairlines"
+          },
+          "default": {
+            "$type": "color",
+            "$value": "#2A2A2A",
+            "$comment": "Card/input default"
+          },
+          "mid": {
+            "$type": "color",
+            "$value": "#333333",
+            "$comment": "Hover border"
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#444444",
+            "$comment": "Pressed/focus border"
+          },
+          "brand": {
+            "$type": "color",
+            "$value": "rgba(9,232,94,0.30)",
+            "$comment": "Brand tinted border"
+          },
+          "brandHover": {
+            "$type": "color",
+            "$value": "rgba(9,232,94,0.50)",
+            "$comment": "Brand border hover"
+          },
+          "blue": {
+            "$type": "color",
+            "$value": "rgba(53,144,243,0.30)",
+            "$comment": "Blue tinted border"
+          },
+          "blueHover": {
+            "$type": "color",
+            "$value": "rgba(53,144,243,0.50)",
+            "$comment": "Blue border hover"
+          },
+          "error": {
+            "$type": "color",
+            "$value": "rgba(239,68,68,0.50)",
+            "$comment": "Error border"
+          },
+          "errorHover": {
+            "$type": "color",
+            "$value": "rgba(239,68,68,0.70)",
+            "$comment": "Error border hover"
+          }
+        },
+        "text": {
+          "primary": {
+            "$type": "color",
+            "$value": "#FFFFFC",
+            "$comment": "21:1 \u2014 headings, labels"
+          },
+          "secondary": {
+            "$type": "color",
+            "$value": "#B0B0AE",
+            "$comment": "9.2:1 \u2014 body text"
+          },
+          "tertiary": {
+            "$type": "color",
+            "$value": "#888886",
+            "$comment": "5.7:1 \u2014 captions, meta"
+          },
+          "muted": {
+            "$type": "color",
+            "$value": "#6E6E6C",
+            "$comment": "4.6:1 \u2014 hints, placeholders"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "#555553",
+            "$comment": "3.5:1 \u2014 disabled only"
+          },
+          "inverse": {
+            "$type": "color",
+            "$value": "#000000",
+            "$comment": "On light bg"
+          },
+          "brand": {
+            "$type": "color",
+            "$value": "#09E85E",
+            "$comment": "8.6:1 \u2014 brand text"
+          },
+          "brandHover": {
+            "$type": "color",
+            "$value": "#0CF568",
+            "$comment": "Brand text hover"
+          },
+          "blue": {
+            "$type": "color",
+            "$value": "#5BABFF",
+            "$comment": "5.9:1 \u2014 blue text"
+          },
+          "blueHover": {
+            "$type": "color",
+            "$value": "#7FC0FF",
+            "$comment": "Blue text hover"
+          },
+          "error": {
+            "$type": "color",
+            "$value": "#F87171",
+            "$comment": "7.4:1 \u2014 error text"
+          },
+          "warning": {
+            "$type": "color",
+            "$value": "#FBBF24",
+            "$comment": "12.4:1 \u2014 warning text"
+          },
+          "success": {
+            "$type": "color",
+            "$value": "#09E85E",
+            "$comment": "Same as brand"
+          }
+        },
+        "brand": {
+          "default": {
+            "$type": "color",
+            "$value": "#09E85E",
+            "$comment": "Rest \u2014 button bg"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "#0CF568",
+            "$comment": "Hover \u2014 lighter"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "#07C44F",
+            "$comment": "Pressed \u2014 darker"
+          },
+          "focus": {
+            "$type": "color",
+            "$value": "rgba(9,232,94,0.25)",
+            "$comment": "Focus ring"
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "rgba(9,232,94,0.08)",
+            "$comment": "Tinted bg"
+          },
+          "subtleHover": {
+            "$type": "color",
+            "$value": "rgba(9,232,94,0.14)",
+            "$comment": "Tinted bg hover"
+          },
+          "muted": {
+            "$type": "color",
+            "$value": "rgba(9,232,94,0.04)",
+            "$comment": "Faint fill"
+          },
+          "mutedHover": {
+            "$type": "color",
+            "$value": "rgba(9,232,94,0.07)",
+            "$comment": "Faint fill hover"
+          },
+          "emphasis": {
+            "$type": "color",
+            "$value": "#16C172",
+            "$comment": "Emerald \u2014 emphasis"
+          }
+        },
+        "blue": {
+          "default": {
+            "$type": "color",
+            "$value": "#3590F3",
+            "$comment": "Rest"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "#4FA0FF",
+            "$comment": "Hover"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "#2478D4",
+            "$comment": "Pressed"
+          },
+          "focus": {
+            "$type": "color",
+            "$value": "rgba(53,144,243,0.25)",
+            "$comment": "Focus ring"
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "rgba(53,144,243,0.08)",
+            "$comment": "Tinted bg"
+          },
+          "subtleHover": {
+            "$type": "color",
+            "$value": "rgba(53,144,243,0.14)",
+            "$comment": "Tinted bg hover"
+          },
+          "muted": {
+            "$type": "color",
+            "$value": "rgba(53,144,243,0.04)",
+            "$comment": "Faint fill"
+          },
+          "mutedHover": {
+            "$type": "color",
+            "$value": "rgba(53,144,243,0.07)",
+            "$comment": "Faint fill hover"
+          }
+        },
+        "emerald": {
+          "default": {
+            "$type": "color",
+            "$value": "#16C172",
+            "$comment": "Rest"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "#1AD47F",
+            "$comment": "Hover"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "#0FAD63",
+            "$comment": "Pressed"
+          },
+          "focus": {
+            "$type": "color",
+            "$value": "rgba(22,193,114,0.25)",
+            "$comment": "Focus ring"
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "rgba(22,193,114,0.08)",
+            "$comment": "Tinted bg"
+          },
+          "subtleHover": {
+            "$type": "color",
+            "$value": "rgba(22,193,114,0.14)",
+            "$comment": "Tinted bg hover"
+          }
+        },
+        "status": {
+          "success": {
+            "$type": "color",
+            "$value": "#09E85E",
+            "$comment": "8.6:1 on dark"
+          },
+          "info": {
+            "$type": "color",
+            "$value": "#5BABFF",
+            "$comment": "5.9:1 on dark"
+          },
+          "warning": {
+            "$type": "color",
+            "$value": "#FBBF24",
+            "$comment": "12.4:1 on dark"
+          },
+          "error": {
+            "$type": "color",
+            "$value": "#F87171",
+            "$comment": "7.4:1 on dark"
+          },
+          "successBg": {
+            "$type": "color",
+            "$value": "rgba(9,232,94,0.08)"
+          },
+          "infoBg": {
+            "$type": "color",
+            "$value": "rgba(53,144,243,0.08)"
+          },
+          "warningBg": {
+            "$type": "color",
+            "$value": "rgba(245,158,11,0.08)"
+          },
+          "errorBg": {
+            "$type": "color",
+            "$value": "rgba(239,68,68,0.08)"
+          }
+        }
+      },
+      "light": {
+        "bg": {
+          "base": {
+            "$type": "color",
+            "$value": "#FFFFFC",
+            "$comment": "Root canvas"
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#F4F4F2",
+            "$comment": "Slightly lifted"
+          },
+          "muted": {
+            "$type": "color",
+            "$value": "#EBEBEA",
+            "$comment": "Muted fill"
+          },
+          "elevated": {
+            "$type": "color",
+            "$value": "#FFFFFF",
+            "$comment": "Modal/popover"
+          },
+          "overlay": {
+            "$type": "color",
+            "$value": "#E0E0DE",
+            "$comment": "Dropdown/menu"
+          },
+          "inverse": {
+            "$type": "color",
+            "$value": "#111110",
+            "$comment": "Inverted canvas"
+          }
+        },
+        "surface": {
+          "default": {
+            "$type": "color",
+            "$value": "#F8F8F6",
+            "$comment": "Card default"
+          },
+          "raised": {
+            "$type": "color",
+            "$value": "#FFFFFF",
+            "$comment": "Card raised"
+          },
+          "sunken": {
+            "$type": "color",
+            "$value": "#EBEBEA",
+            "$comment": "Inset/sunken"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "#EFEFED",
+            "$comment": "Surface hover state"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "#E5E5E3",
+            "$comment": "Surface pressed state"
+          },
+          "selected": {
+            "$type": "color",
+            "$value": "#EDFFF5",
+            "$comment": "Surface selected (brand)"
+          }
+        },
+        "border": {
+          "subtle": {
+            "$type": "color",
+            "$value": "#E8E8E6",
+            "$comment": "Dividers, hairlines"
+          },
+          "default": {
+            "$type": "color",
+            "$value": "#D0D0CE",
+            "$comment": "Card/input default"
+          },
+          "mid": {
+            "$type": "color",
+            "$value": "#BBBBBA",
+            "$comment": "Hover border"
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#9A9A98",
+            "$comment": "Pressed/focus border"
+          },
+          "brand": {
+            "$type": "color",
+            "$value": "rgba(5,163,65,0.40)",
+            "$comment": "Brand tinted border"
+          },
+          "brandHover": {
+            "$type": "color",
+            "$value": "rgba(5,163,65,0.65)",
+            "$comment": "Brand border hover"
+          },
+          "blue": {
+            "$type": "color",
+            "$value": "rgba(26,99,198,0.40)",
+            "$comment": "Blue tinted border"
+          },
+          "blueHover": {
+            "$type": "color",
+            "$value": "rgba(26,99,198,0.65)",
+            "$comment": "Blue border hover"
+          },
+          "error": {
+            "$type": "color",
+            "$value": "rgba(196,29,29,0.45)",
+            "$comment": "Error border"
+          },
+          "errorHover": {
+            "$type": "color",
+            "$value": "rgba(196,29,29,0.70)",
+            "$comment": "Error border hover"
+          }
+        },
+        "text": {
+          "primary": {
+            "$type": "color",
+            "$value": "#111110",
+            "$comment": "19.9:1 \u2014 headings, labels"
+          },
+          "secondary": {
+            "$type": "color",
+            "$value": "#3A3A38",
+            "$comment": "12.8:1 \u2014 body text"
+          },
+          "tertiary": {
+            "$type": "color",
+            "$value": "#555553",
+            "$comment": "7.9:1 \u2014 captions, meta"
+          },
+          "muted": {
+            "$type": "color",
+            "$value": "#6E6E6C",
+            "$comment": "5.5:1 \u2014 hints, placeholders"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "#9A9A98",
+            "$comment": "3.1:1 \u2014 disabled only"
+          },
+          "inverse": {
+            "$type": "color",
+            "$value": "#FFFFFC",
+            "$comment": "On dark bg"
+          },
+          "brand": {
+            "$type": "color",
+            "$value": "#047A2B",
+            "$comment": "7.1:1 \u2014 brand text on white"
+          },
+          "brandHover": {
+            "$type": "color",
+            "$value": "#038A30",
+            "$comment": "Brand text hover"
+          },
+          "blue": {
+            "$type": "color",
+            "$value": "#1A5EB8",
+            "$comment": "6.4:1 \u2014 blue text on white"
+          },
+          "blueHover": {
+            "$type": "color",
+            "$value": "#1553A8",
+            "$comment": "Blue text hover"
+          },
+          "error": {
+            "$type": "color",
+            "$value": "#C41D1D",
+            "$comment": "7.0:1 \u2014 error text on white"
+          },
+          "warning": {
+            "$type": "color",
+            "$value": "#92570A",
+            "$comment": "6.5:1 \u2014 warning text on white"
+          },
+          "success": {
+            "$type": "color",
+            "$value": "#047A2B",
+            "$comment": "Same as brand"
+          }
+        },
+        "brand": {
+          "default": {
+            "$type": "color",
+            "$value": "#07C44F",
+            "$comment": "Rest \u2014 AA on white (3.2:1 UI)"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "#09E85E",
+            "$comment": "Hover \u2014 brighter"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "#05A341",
+            "$comment": "Pressed \u2014 darker"
+          },
+          "focus": {
+            "$type": "color",
+            "$value": "rgba(5,163,65,0.22)",
+            "$comment": "Focus ring"
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "rgba(5,163,65,0.08)",
+            "$comment": "Tinted bg"
+          },
+          "subtleHover": {
+            "$type": "color",
+            "$value": "rgba(5,163,65,0.14)",
+            "$comment": "Tinted bg hover"
+          },
+          "muted": {
+            "$type": "color",
+            "$value": "rgba(5,163,65,0.04)",
+            "$comment": "Faint fill"
+          },
+          "mutedHover": {
+            "$type": "color",
+            "$value": "rgba(5,163,65,0.07)",
+            "$comment": "Faint fill hover"
+          },
+          "emphasis": {
+            "$type": "color",
+            "$value": "#0FAD63",
+            "$comment": "Emerald \u2014 emphasis"
+          }
+        },
+        "blue": {
+          "default": {
+            "$type": "color",
+            "$value": "#2572D6",
+            "$comment": "Rest \u2014 4.9:1 on white"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "#3590F3",
+            "$comment": "Hover \u2014 brighter"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "#1A5EB8",
+            "$comment": "Pressed \u2014 darker"
+          },
+          "focus": {
+            "$type": "color",
+            "$value": "rgba(26,94,184,0.22)",
+            "$comment": "Focus ring"
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "rgba(26,94,184,0.08)",
+            "$comment": "Tinted bg"
+          },
+          "subtleHover": {
+            "$type": "color",
+            "$value": "rgba(26,94,184,0.14)",
+            "$comment": "Tinted bg hover"
+          },
+          "muted": {
+            "$type": "color",
+            "$value": "rgba(26,94,184,0.04)",
+            "$comment": "Faint fill"
+          },
+          "mutedHover": {
+            "$type": "color",
+            "$value": "rgba(26,94,184,0.07)",
+            "$comment": "Faint fill hover"
+          }
+        },
+        "emerald": {
+          "default": {
+            "$type": "color",
+            "$value": "#0FAD63",
+            "$comment": "Rest"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "#16C172",
+            "$comment": "Hover"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "#0A8F50",
+            "$comment": "Pressed"
+          },
+          "focus": {
+            "$type": "color",
+            "$value": "rgba(15,173,99,0.22)",
+            "$comment": "Focus ring"
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "rgba(15,173,99,0.08)",
+            "$comment": "Tinted bg"
+          },
+          "subtleHover": {
+            "$type": "color",
+            "$value": "rgba(15,173,99,0.14)",
+            "$comment": "Tinted bg hover"
+          }
+        },
+        "status": {
+          "success": {
+            "$type": "color",
+            "$value": "#047A2B",
+            "$comment": "7.1:1 on light"
+          },
+          "info": {
+            "$type": "color",
+            "$value": "#1A5EB8",
+            "$comment": "6.4:1 on light"
+          },
+          "warning": {
+            "$type": "color",
+            "$value": "#92570A",
+            "$comment": "6.5:1 on light"
+          },
+          "error": {
+            "$type": "color",
+            "$value": "#C41D1D",
+            "$comment": "7.0:1 on light"
+          },
+          "successBg": {
+            "$type": "color",
+            "$value": "rgba(5,163,65,0.08)"
+          },
+          "infoBg": {
+            "$type": "color",
+            "$value": "rgba(26,94,184,0.08)"
+          },
+          "warningBg": {
+            "$type": "color",
+            "$value": "rgba(146,87,10,0.08)"
+          },
+          "errorBg": {
+            "$type": "color",
+            "$value": "rgba(196,29,29,0.08)"
+          }
+        }
+      }
+    }
+  },
+  "typography": {
+    "fontFamily": {
+      "display": {
+        "$type": "fontFamily",
+        "$value": [
+          "Ruda",
+          "sans-serif"
+        ]
+      },
+      "sans": {
+        "$type": "fontFamily",
+        "$value": [
+          "Inter",
+          "system-ui",
+          "sans-serif"
+        ]
+      },
+      "mono": {
+        "$type": "fontFamily",
+        "$value": [
+          "JetBrains Mono",
+          "monospace"
+        ]
+      }
+    },
+    "fontWeight": {
+      "light": {
+        "$type": "fontWeight",
+        "$value": 300
+      },
+      "regular": {
+        "$type": "fontWeight",
+        "$value": 400
+      },
+      "medium": {
+        "$type": "fontWeight",
+        "$value": 500
+      },
+      "semibold": {
+        "$type": "fontWeight",
+        "$value": 600
+      },
+      "bold": {
+        "$type": "fontWeight",
+        "$value": 700
+      },
+      "extrabold": {
+        "$type": "fontWeight",
+        "$value": 800
+      },
+      "black": {
+        "$type": "fontWeight",
+        "$value": 900
+      }
+    },
+    "fontSize": {
+      "xs": {
+        "$type": "dimension",
+        "$value": "10px"
+      },
+      "sm": {
+        "$type": "dimension",
+        "$value": "11px"
+      },
+      "base": {
+        "$type": "dimension",
+        "$value": "13px"
+      },
+      "md": {
+        "$type": "dimension",
+        "$value": "15px"
+      },
+      "lg": {
+        "$type": "dimension",
+        "$value": "17px"
+      },
+      "xl": {
+        "$type": "dimension",
+        "$value": "20px"
+      },
+      "2xl": {
+        "$type": "dimension",
+        "$value": "24px"
+      },
+      "3xl": {
+        "$type": "dimension",
+        "$value": "30px"
+      },
+      "4xl": {
+        "$type": "dimension",
+        "$value": "40px"
+      },
+      "5xl": {
+        "$type": "dimension",
+        "$value": "56px"
+      }
+    }
+  },
+  "spacing": {
+    "0": {
+      "$type": "dimension",
+      "$value": "0px"
+    },
+    "px": {
+      "$type": "dimension",
+      "$value": "1px"
+    },
+    "0.5": {
+      "$type": "dimension",
+      "$value": "2px"
+    },
+    "1": {
+      "$type": "dimension",
+      "$value": "4px"
+    },
+    "1.5": {
+      "$type": "dimension",
+      "$value": "6px"
+    },
+    "2": {
+      "$type": "dimension",
+      "$value": "8px"
+    },
+    "2.5": {
+      "$type": "dimension",
+      "$value": "10px"
+    },
+    "3": {
+      "$type": "dimension",
+      "$value": "12px"
+    },
+    "3.5": {
+      "$type": "dimension",
+      "$value": "14px"
+    },
+    "4": {
+      "$type": "dimension",
+      "$value": "16px"
+    },
+    "5": {
+      "$type": "dimension",
+      "$value": "20px"
+    },
+    "6": {
+      "$type": "dimension",
+      "$value": "24px"
+    },
+    "7": {
+      "$type": "dimension",
+      "$value": "28px"
+    },
+    "8": {
+      "$type": "dimension",
+      "$value": "32px"
+    },
+    "10": {
+      "$type": "dimension",
+      "$value": "40px"
+    },
+    "12": {
+      "$type": "dimension",
+      "$value": "48px"
+    },
+    "14": {
+      "$type": "dimension",
+      "$value": "56px"
+    },
+    "16": {
+      "$type": "dimension",
+      "$value": "64px"
+    },
+    "20": {
+      "$type": "dimension",
+      "$value": "80px"
+    },
+    "24": {
+      "$type": "dimension",
+      "$value": "96px"
+    },
+    "32": {
+      "$type": "dimension",
+      "$value": "128px"
+    }
+  },
+  "borderRadius": {
+    "none": {
+      "$type": "dimension",
+      "$value": "0px"
+    },
+    "sm": {
+      "$type": "dimension",
+      "$value": "2px"
+    },
+    "base": {
+      "$type": "dimension",
+      "$value": "4px"
+    },
+    "md": {
+      "$type": "dimension",
+      "$value": "6px"
+    },
+    "lg": {
+      "$type": "dimension",
+      "$value": "8px"
+    },
+    "xl": {
+      "$type": "dimension",
+      "$value": "12px"
+    },
+    "2xl": {
+      "$type": "dimension",
+      "$value": "16px"
+    },
+    "3xl": {
+      "$type": "dimension",
+      "$value": "24px"
+    },
+    "full": {
+      "$type": "dimension",
+      "$value": "9999px"
+    }
+  },
+  "shadow": {
+    "dark": {
+      "xs": {
+        "$type": "shadow",
+        "$value": "0 1px 2px rgba(0,0,0,0.5)"
+      },
+      "sm": {
+        "$type": "shadow",
+        "$value": "0 1px 4px rgba(0,0,0,0.6)"
+      },
+      "md": {
+        "$type": "shadow",
+        "$value": "0 4px 10px rgba(0,0,0,0.7)"
+      },
+      "lg": {
+        "$type": "shadow",
+        "$value": "0 10px 24px rgba(0,0,0,0.75)"
+      },
+      "xl": {
+        "$type": "shadow",
+        "$value": "0 20px 40px rgba(0,0,0,0.8)"
+      },
+      "2xl": {
+        "$type": "shadow",
+        "$value": "0 32px 64px rgba(0,0,0,0.85)"
+      },
+      "inner": {
+        "$type": "shadow",
+        "$value": "inset 0 1px 3px rgba(0,0,0,0.5)"
+      },
+      "glow-brand": {
+        "$type": "shadow",
+        "$value": "0 0 20px rgba(9,232,94,0.28), 0 0 60px rgba(9,232,94,0.08)"
+      },
+      "glow-brand-lg": {
+        "$type": "shadow",
+        "$value": "0 0 40px rgba(9,232,94,0.35), 0 0 80px rgba(9,232,94,0.12)"
+      },
+      "glow-blue": {
+        "$type": "shadow",
+        "$value": "0 0 20px rgba(53,144,243,0.25), 0 0 50px rgba(53,144,243,0.07)"
+      },
+      "glow-blue-lg": {
+        "$type": "shadow",
+        "$value": "0 0 40px rgba(53,144,243,0.32), 0 0 70px rgba(53,144,243,0.10)"
+      },
+      "glow-emerald": {
+        "$type": "shadow",
+        "$value": "0 0 20px rgba(22,193,114,0.25), 0 0 50px rgba(22,193,114,0.07)"
+      }
+    },
+    "light": {
+      "xs": {
+        "$type": "shadow",
+        "$value": "0 1px 2px rgba(0,0,0,0.07)"
+      },
+      "sm": {
+        "$type": "shadow",
+        "$value": "0 1px 4px rgba(0,0,0,0.10)"
+      },
+      "md": {
+        "$type": "shadow",
+        "$value": "0 4px 10px rgba(0,0,0,0.12)"
+      },
+      "lg": {
+        "$type": "shadow",
+        "$value": "0 10px 24px rgba(0,0,0,0.14)"
+      },
+      "xl": {
+        "$type": "shadow",
+        "$value": "0 20px 40px rgba(0,0,0,0.18)"
+      },
+      "2xl": {
+        "$type": "shadow",
+        "$value": "0 32px 64px rgba(0,0,0,0.22)"
+      },
+      "inner": {
+        "$type": "shadow",
+        "$value": "inset 0 1px 3px rgba(0,0,0,0.08)"
+      },
+      "glow-brand": {
+        "$type": "shadow",
+        "$value": "0 0 18px rgba(7,196,79,0.22), 0 0 50px rgba(7,196,79,0.06)"
+      },
+      "glow-brand-lg": {
+        "$type": "shadow",
+        "$value": "0 0 32px rgba(7,196,79,0.30), 0 0 70px rgba(7,196,79,0.10)"
+      },
+      "glow-blue": {
+        "$type": "shadow",
+        "$value": "0 0 18px rgba(37,114,214,0.20), 0 0 40px rgba(37,114,214,0.05)"
+      },
+      "glow-blue-lg": {
+        "$type": "shadow",
+        "$value": "0 0 32px rgba(37,114,214,0.28), 0 0 60px rgba(37,114,214,0.08)"
+      },
+      "glow-emerald": {
+        "$type": "shadow",
+        "$value": "0 0 18px rgba(15,173,99,0.20), 0 0 40px rgba(15,173,99,0.05)"
+      }
+    }
+  },
+  "opacity": {
+    "0": {
+      "$type": "number",
+      "$value": 0
+    },
+    "5": {
+      "$type": "number",
+      "$value": 0.05
+    },
+    "10": {
+      "$type": "number",
+      "$value": 0.1
+    },
+    "20": {
+      "$type": "number",
+      "$value": 0.2
+    },
+    "30": {
+      "$type": "number",
+      "$value": 0.3
+    },
+    "40": {
+      "$type": "number",
+      "$value": 0.4
+    },
+    "50": {
+      "$type": "number",
+      "$value": 0.5
+    },
+    "60": {
+      "$type": "number",
+      "$value": 0.6
+    },
+    "70": {
+      "$type": "number",
+      "$value": 0.7
+    },
+    "80": {
+      "$type": "number",
+      "$value": 0.8
+    },
+    "90": {
+      "$type": "number",
+      "$value": 0.9
+    },
+    "100": {
+      "$type": "number",
+      "$value": 1
+    }
+  },
+  "transition": {
+    "fast": {
+      "$type": "duration",
+      "$value": "100ms"
+    },
+    "base": {
+      "$type": "duration",
+      "$value": "150ms"
+    },
+    "medium": {
+      "$type": "duration",
+      "$value": "200ms"
+    },
+    "slow": {
+      "$type": "duration",
+      "$value": "300ms"
+    },
+    "slower": {
+      "$type": "duration",
+      "$value": "500ms"
+    },
+    "ease": {
+      "$type": "cubicBezier",
+      "$value": "cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    "easeIn": {
+      "$type": "cubicBezier",
+      "$value": "cubic-bezier(0.4, 0, 1, 1)"
+    },
+    "easeOut": {
+      "$type": "cubicBezier",
+      "$value": "cubic-bezier(0, 0, 0.2, 1)"
+    },
+    "spring": {
+      "$type": "cubicBezier",
+      "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+    }
+  },
+  "zIndex": {
+    "base": {
+      "$type": "number",
+      "$value": 0
+    },
+    "raised": {
+      "$type": "number",
+      "$value": 1
+    },
+    "dropdown": {
+      "$type": "number",
+      "$value": 100
+    },
+    "sticky": {
+      "$type": "number",
+      "$value": 200
+    },
+    "overlay": {
+      "$type": "number",
+      "$value": 300
+    },
+    "modal": {
+      "$type": "number",
+      "$value": 400
+    },
+    "popover": {
+      "$type": "number",
+      "$value": 500
+    },
+    "toast": {
+      "$type": "number",
+      "$value": 600
+    },
+    "tooltip": {
+      "$type": "number",
+      "$value": 700
+    }
+  },
+  "breakpoint": {
+    "sm": {
+      "$type": "dimension",
+      "$value": "640px"
+    },
+    "md": {
+      "$type": "dimension",
+      "$value": "768px"
+    },
+    "lg": {
+      "$type": "dimension",
+      "$value": "1024px"
+    },
+    "xl": {
+      "$type": "dimension",
+      "$value": "1280px"
+    },
+    "2xl": {
+      "$type": "dimension",
+      "$value": "1536px"
+    }
+  }
+}