@rookcom/monarch-tokens 0.0.0-stage → 0.2.0

package/dist/tokens.json

@@ -0,0 +1,2455 @@
+{
+  "$description": "Rook Monarch design tokens",
+  "font": {
+    "family": {
+      "sans": {
+        "$type": "fontFamily",
+        "$value": "var(--font-poppins, 'Poppins'), ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"
+      },
+      "mono": {
+        "$type": "fontFamily",
+        "$value": "var(--font-mono, ui-monospace), 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace"
+      }
+    },
+    "size": {
+      "2xs": {
+        "$type": "dimension",
+        "$value": "0.6875rem"
+      },
+      "xs": {
+        "$type": "dimension",
+        "$value": "0.75rem"
+      },
+      "sm": {
+        "$type": "dimension",
+        "$value": "0.875rem"
+      },
+      "base": {
+        "$type": "dimension",
+        "$value": "1rem"
+      },
+      "lg": {
+        "$type": "dimension",
+        "$value": "1.125rem"
+      },
+      "xl": {
+        "$type": "dimension",
+        "$value": "1.25rem"
+      },
+      "2xl": {
+        "$type": "dimension",
+        "$value": "1.5rem"
+      },
+      "3xl": {
+        "$type": "dimension",
+        "$value": "1.875rem"
+      },
+      "4xl": {
+        "$type": "dimension",
+        "$value": "2.25rem"
+      },
+      "5xl": {
+        "$type": "dimension",
+        "$value": "3rem"
+      }
+    },
+    "weight": {
+      "regular": {
+        "$type": "fontWeight",
+        "$value": 400
+      },
+      "medium": {
+        "$type": "fontWeight",
+        "$value": 500
+      },
+      "semibold": {
+        "$type": "fontWeight",
+        "$value": 600
+      },
+      "bold": {
+        "$type": "fontWeight",
+        "$value": 700
+      }
+    }
+  },
+  "space": {
+    "0": {
+      "$type": "dimension",
+      "$value": "0"
+    },
+    "1": {
+      "$type": "dimension",
+      "$value": "0.25rem"
+    },
+    "2": {
+      "$type": "dimension",
+      "$value": "0.5rem"
+    },
+    "3": {
+      "$type": "dimension",
+      "$value": "0.75rem"
+    },
+    "4": {
+      "$type": "dimension",
+      "$value": "1rem"
+    },
+    "5": {
+      "$type": "dimension",
+      "$value": "1.25rem"
+    },
+    "6": {
+      "$type": "dimension",
+      "$value": "1.5rem"
+    },
+    "8": {
+      "$type": "dimension",
+      "$value": "2rem"
+    },
+    "10": {
+      "$type": "dimension",
+      "$value": "2.5rem"
+    },
+    "12": {
+      "$type": "dimension",
+      "$value": "3rem"
+    },
+    "16": {
+      "$type": "dimension",
+      "$value": "4rem"
+    },
+    "20": {
+      "$type": "dimension",
+      "$value": "5rem"
+    },
+    "24": {
+      "$type": "dimension",
+      "$value": "6rem"
+    },
+    "px": {
+      "$type": "dimension",
+      "$value": "1px"
+    },
+    "0.5": {
+      "$type": "dimension",
+      "$value": "0.125rem"
+    },
+    "1.5": {
+      "$type": "dimension",
+      "$value": "0.375rem"
+    },
+    "2.5": {
+      "$type": "dimension",
+      "$value": "0.625rem"
+    }
+  },
+  "radius": {
+    "none": {
+      "$type": "dimension",
+      "$value": "0"
+    },
+    "xs": {
+      "$type": "dimension",
+      "$value": "0.25rem"
+    },
+    "sm": {
+      "$type": "dimension",
+      "$value": "0.375rem"
+    },
+    "md": {
+      "$type": "dimension",
+      "$value": "0.5rem"
+    },
+    "lg": {
+      "$type": "dimension",
+      "$value": "0.75rem"
+    },
+    "xl": {
+      "$type": "dimension",
+      "$value": "1rem"
+    },
+    "2xl": {
+      "$type": "dimension",
+      "$value": "1.25rem"
+    },
+    "full": {
+      "$type": "dimension",
+      "$value": "9999px"
+    }
+  },
+  "duration": {
+    "instant": {
+      "$type": "duration",
+      "$value": "0ms"
+    },
+    "fast": {
+      "$type": "duration",
+      "$value": "120ms"
+    },
+    "base": {
+      "$type": "duration",
+      "$value": "180ms"
+    },
+    "slow": {
+      "$type": "duration",
+      "$value": "260ms"
+    },
+    "slower": {
+      "$type": "duration",
+      "$value": "400ms"
+    }
+  },
+  "themes": {
+    "light": {
+      "color": {
+        "bg-canvas": {
+          "$type": "color",
+          "$value": "#fcfcfd",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 20% 99%)"
+            }
+          }
+        },
+        "bg-surface": {
+          "$type": "color",
+          "$value": "#ffffff",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 100%)"
+            }
+          }
+        },
+        "bg-raised": {
+          "$type": "color",
+          "$value": "#ffffff",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 100%)"
+            }
+          }
+        },
+        "bg-subtle": {
+          "$type": "color",
+          "$value": "#f8f8fa",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 17% 97.5%)"
+            }
+          }
+        },
+        "bg-muted": {
+          "$type": "color",
+          "$value": "#f2f3f5",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 14% 95.5%)"
+            }
+          }
+        },
+        "bg-emphasis": {
+          "$type": "color",
+          "$value": "#e9ebee",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 13% 92.5%)"
+            }
+          }
+        },
+        "bg-inverse": {
+          "$type": "color",
+          "$value": "#15181e",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(222 18% 10%)"
+            }
+          }
+        },
+        "text-default": {
+          "$type": "color",
+          "$value": "#1d2028",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(222 16% 13.5%)"
+            }
+          }
+        },
+        "text-muted": {
+          "$type": "color",
+          "$value": "#555b68",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 10% 37%)"
+            }
+          }
+        },
+        "text-subtle": {
+          "$type": "color",
+          "$value": "#656c79",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 9% 43.5%)"
+            }
+          }
+        },
+        "text-disabled": {
+          "$type": "color",
+          "$value": "#9ba0ab",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 9% 64%)"
+            }
+          }
+        },
+        "text-inverse": {
+          "$type": "color",
+          "$value": "#ffffff",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 100%)"
+            }
+          }
+        },
+        "border-subtle": {
+          "$type": "color",
+          "$value": "#e9ebee",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 13% 92.5%)"
+            }
+          }
+        },
+        "border-default": {
+          "$type": "color",
+          "$value": "#dfe2e7",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 13% 89%)"
+            }
+          }
+        },
+        "border-strong": {
+          "$type": "color",
+          "$value": "#c6cad2",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 11% 80%)"
+            }
+          }
+        },
+        "border-input": {
+          "$type": "color",
+          "$value": "#858b99",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 9% 56%)"
+            }
+          }
+        },
+        "accent": {
+          "solid": {
+            "$type": "color",
+            "$value": "#dc2e3e",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 52.2%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#ce2232",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 47.2%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#bd202e",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 43.2%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#fcf0f1",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 64.2% 96.5%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#f9e4e6",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 64.2% 93.5%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#ca2231",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 46.2%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#e8c5c8",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 42.8% 84%)"
+              }
+            }
+          }
+        },
+        "danger": {
+          "solid": {
+            "$type": "color",
+            "$value": "#dc2e3e",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 52.2%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#ce2232",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 47.2%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#bd202e",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 43.2%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#fcf0f1",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 64.2% 96.5%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#f9e4e6",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 64.2% 93.5%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#ca2231",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 46.2%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#e8c5c8",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 42.8% 84%)"
+              }
+            }
+          }
+        },
+        "success": {
+          "solid": {
+            "$type": "color",
+            "$value": "#1f883b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 32.7%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#1a7332",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 27.7%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#16622b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 23.7%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#f1fbf4",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 56.5% 96.5%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#e5f8ea",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 56.5% 93.5%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#1d7f37",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 30.7%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#c7e6cf",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 37.7% 84%)"
+              }
+            }
+          }
+        },
+        "warning": {
+          "solid": {
+            "$type": "color",
+            "$value": "#f4b400",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 47.8%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#ffc00f",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 52.8%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#ffc523",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 56.8%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#fdfaef",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 81% 96.5%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#fcf5e1",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 81% 93.5%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#8e6900",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 27.8%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#efe2be",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 60% 84%)"
+              }
+            }
+          }
+        },
+        "info": {
+          "solid": {
+            "$type": "color",
+            "$value": "#007db0",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 34.6%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#006b97",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 29.6%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#005c82",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 25.6%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#eff9fd",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 81% 96.5%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#e1f4fc",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 81% 93.5%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#0074a4",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 32.1%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#bee0ef",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 60% 84%)"
+              }
+            }
+          }
+        }
+      }
+    },
+    "dark": {
+      "color": {
+        "bg-canvas": {
+          "$type": "color",
+          "$value": "#0d0f14",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(224 22% 6.5%)"
+            }
+          }
+        },
+        "bg-surface": {
+          "$type": "color",
+          "$value": "#15181e",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(222 18% 10%)"
+            }
+          }
+        },
+        "bg-raised": {
+          "$type": "color",
+          "$value": "#1d2028",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(222 16% 13.5%)"
+            }
+          }
+        },
+        "bg-subtle": {
+          "$type": "color",
+          "$value": "#15181e",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(222 18% 10%)"
+            }
+          }
+        },
+        "bg-muted": {
+          "$type": "color",
+          "$value": "#272b35",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(221 15% 18%)"
+            }
+          }
+        },
+        "bg-emphasis": {
+          "$type": "color",
+          "$value": "#3c424e",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 13% 27%)"
+            }
+          }
+        },
+        "bg-inverse": {
+          "$type": "color",
+          "$value": "#f8f8fa",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 17% 97.5%)"
+            }
+          }
+        },
+        "text-default": {
+          "$type": "color",
+          "$value": "#f8f8fa",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 17% 97.5%)"
+            }
+          }
+        },
+        "text-muted": {
+          "$type": "color",
+          "$value": "#c6cad2",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 11% 80%)"
+            }
+          }
+        },
+        "text-subtle": {
+          "$type": "color",
+          "$value": "#9ba0ab",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 9% 64%)"
+            }
+          }
+        },
+        "text-disabled": {
+          "$type": "color",
+          "$value": "#555b68",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 10% 37%)"
+            }
+          }
+        },
+        "text-inverse": {
+          "$type": "color",
+          "$value": "#15181e",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(222 18% 10%)"
+            }
+          }
+        },
+        "border-subtle": {
+          "$type": "color",
+          "$value": "#1d2028",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(222 16% 13.5%)"
+            }
+          }
+        },
+        "border-default": {
+          "$type": "color",
+          "$value": "#272b35",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(221 15% 18%)"
+            }
+          }
+        },
+        "border-strong": {
+          "$type": "color",
+          "$value": "#3c424e",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 13% 27%)"
+            }
+          }
+        },
+        "border-input": {
+          "$type": "color",
+          "$value": "#686f7d",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 9% 45%)"
+            }
+          }
+        },
+        "accent": {
+          "solid": {
+            "$type": "color",
+            "$value": "#dc2e3e",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 52.2%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#ce2232",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 47.2%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#bd202e",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 43.2%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#2e1a1b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 28.5% 14%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#3b2123",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 28.5% 18%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#e56570",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 64.7%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#6c373c",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 32.1% 32%)"
+              }
+            }
+          }
+        },
+        "danger": {
+          "solid": {
+            "$type": "color",
+            "$value": "#dc2e3e",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 52.2%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#ce2232",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 47.2%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#bd202e",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 43.2%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#2e1a1b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 28.5% 14%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#3b2123",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 28.5% 18%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#e56570",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 64.7%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#6c373c",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 32.1% 32%)"
+              }
+            }
+          }
+        },
+        "success": {
+          "solid": {
+            "$type": "color",
+            "$value": "#1f883b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 32.7%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#1a7332",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 27.7%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#16622b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 23.7%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#1b2d20",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 25.1% 14%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#223929",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 25.1% 18%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#29b34e",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 43.2%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#3b6947",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 28.3% 32%)"
+              }
+            }
+          }
+        },
+        "warning": {
+          "solid": {
+            "$type": "color",
+            "$value": "#f4b400",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 47.8%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#ffc00f",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 52.8%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#ffc523",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 56.8%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#322a15",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 40% 14%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#40371c",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 40% 18%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#f4b400",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 47.8%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#76632d",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 45% 32%)"
+              }
+            }
+          }
+        },
+        "info": {
+          "solid": {
+            "$type": "color",
+            "$value": "#007db0",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 34.6%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#006b97",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 29.6%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#005c82",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 25.6%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#152a32",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 40% 14%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#1c3640",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 40% 18%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#00a4e8",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 45.6%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#2d6176",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 45% 32%)"
+              }
+            }
+          }
+        }
+      }
+    },
+    "hc-light": {
+      "color": {
+        "bg-canvas": {
+          "$type": "color",
+          "$value": "#ffffff",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 100%)"
+            }
+          }
+        },
+        "bg-surface": {
+          "$type": "color",
+          "$value": "#ffffff",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 100%)"
+            }
+          }
+        },
+        "bg-raised": {
+          "$type": "color",
+          "$value": "#ffffff",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 100%)"
+            }
+          }
+        },
+        "bg-subtle": {
+          "$type": "color",
+          "$value": "#f8f8fa",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 17% 97.5%)"
+            }
+          }
+        },
+        "bg-muted": {
+          "$type": "color",
+          "$value": "#f2f3f5",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 14% 95.5%)"
+            }
+          }
+        },
+        "bg-emphasis": {
+          "$type": "color",
+          "$value": "#e9ebee",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 13% 92.5%)"
+            }
+          }
+        },
+        "bg-inverse": {
+          "$type": "color",
+          "$value": "#000000",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 0%)"
+            }
+          }
+        },
+        "text-default": {
+          "$type": "color",
+          "$value": "#000000",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 0%)"
+            }
+          }
+        },
+        "text-muted": {
+          "$type": "color",
+          "$value": "#272b35",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(221 15% 18%)"
+            }
+          }
+        },
+        "text-subtle": {
+          "$type": "color",
+          "$value": "#3c424e",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 13% 27%)"
+            }
+          }
+        },
+        "text-disabled": {
+          "$type": "color",
+          "$value": "#656c79",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 9% 43.5%)"
+            }
+          }
+        },
+        "text-inverse": {
+          "$type": "color",
+          "$value": "#ffffff",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 100%)"
+            }
+          }
+        },
+        "border-subtle": {
+          "$type": "color",
+          "$value": "#656c79",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 9% 43.5%)"
+            }
+          }
+        },
+        "border-default": {
+          "$type": "color",
+          "$value": "#555b68",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 10% 37%)"
+            }
+          }
+        },
+        "border-strong": {
+          "$type": "color",
+          "$value": "#272b35",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(221 15% 18%)"
+            }
+          }
+        },
+        "border-input": {
+          "$type": "color",
+          "$value": "#3c424e",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 13% 27%)"
+            }
+          }
+        },
+        "accent": {
+          "solid": {
+            "$type": "color",
+            "$value": "#ad1d2a",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 39.7%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#971925",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 34.7%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#861621",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 30.7%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#fcf2f3",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 64.2% 97%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#fae6e8",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 64.2% 94%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#971925",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 34.7%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#971925",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 34.7%)"
+              }
+            }
+          }
+        },
+        "danger": {
+          "solid": {
+            "$type": "color",
+            "$value": "#ad1d2a",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 39.7%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#971925",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 34.7%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#861621",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 30.7%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#fcf2f3",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 64.2% 97%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#fae6e8",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 64.2% 94%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#971925",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 34.7%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#971925",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 34.7%)"
+              }
+            }
+          }
+        },
+        "success": {
+          "solid": {
+            "$type": "color",
+            "$value": "#17662c",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 24.7%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#135223",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 19.7%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#0f411c",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 15.7%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#f3fcf5",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 56.5% 97%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#e7f8ec",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 56.5% 94%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#155e29",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 22.7%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#155e29",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 22.7%)"
+              }
+            }
+          }
+        },
+        "warning": {
+          "solid": {
+            "$type": "color",
+            "$value": "#725400",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 22.3%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#584100",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 17.3%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#443200",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 13.3%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#fefaf1",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 81% 97%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#fcf6e3",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 81% 94%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#6a4e00",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 20.8%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#6a4e00",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 20.8%)"
+              }
+            }
+          }
+        },
+        "info": {
+          "solid": {
+            "$type": "color",
+            "$value": "#005e85",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 26.1%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#004c6b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 21.1%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#003e57",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 17.1%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#f1fafe",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 81% 97%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#e3f5fc",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 81% 94%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#00577b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 24.1%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#ffffff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(0 0% 100%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#00577b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 24.1%)"
+              }
+            }
+          }
+        }
+      }
+    },
+    "hc-dark": {
+      "color": {
+        "bg-canvas": {
+          "$type": "color",
+          "$value": "#000000",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 0%)"
+            }
+          }
+        },
+        "bg-surface": {
+          "$type": "color",
+          "$value": "#000000",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 0%)"
+            }
+          }
+        },
+        "bg-raised": {
+          "$type": "color",
+          "$value": "#0d0f14",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(224 22% 6.5%)"
+            }
+          }
+        },
+        "bg-subtle": {
+          "$type": "color",
+          "$value": "#0d0f14",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(224 22% 6.5%)"
+            }
+          }
+        },
+        "bg-muted": {
+          "$type": "color",
+          "$value": "#15181e",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(222 18% 10%)"
+            }
+          }
+        },
+        "bg-emphasis": {
+          "$type": "color",
+          "$value": "#272b35",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(221 15% 18%)"
+            }
+          }
+        },
+        "bg-inverse": {
+          "$type": "color",
+          "$value": "#ffffff",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 100%)"
+            }
+          }
+        },
+        "text-default": {
+          "$type": "color",
+          "$value": "#ffffff",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 100%)"
+            }
+          }
+        },
+        "text-muted": {
+          "$type": "color",
+          "$value": "#e9ebee",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 13% 92.5%)"
+            }
+          }
+        },
+        "text-subtle": {
+          "$type": "color",
+          "$value": "#dfe2e7",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 13% 89%)"
+            }
+          }
+        },
+        "text-disabled": {
+          "$type": "color",
+          "$value": "#9ba0ab",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 9% 64%)"
+            }
+          }
+        },
+        "text-inverse": {
+          "$type": "color",
+          "$value": "#000000",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(0 0% 0%)"
+            }
+          }
+        },
+        "border-subtle": {
+          "$type": "color",
+          "$value": "#656c79",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 9% 43.5%)"
+            }
+          }
+        },
+        "border-default": {
+          "$type": "color",
+          "$value": "#9ba0ab",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 9% 64%)"
+            }
+          }
+        },
+        "border-strong": {
+          "$type": "color",
+          "$value": "#dfe2e7",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 13% 89%)"
+            }
+          }
+        },
+        "border-input": {
+          "$type": "color",
+          "$value": "#c6cad2",
+          "$extensions": {
+            "com.rookhq.monarch": {
+              "hsl": "hsl(220 11% 80%)"
+            }
+          }
+        },
+        "accent": {
+          "solid": {
+            "$type": "color",
+            "$value": "#e97d87",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 70.2%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#ed929b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 75.2%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#f0a4ab",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 79.2%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#211214",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 28.5% 10%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#2e1a1b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 28.5% 14%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#ec9099",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 74.7%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#ec9099",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 74.7%)"
+              }
+            }
+          }
+        },
+        "danger": {
+          "solid": {
+            "$type": "color",
+            "$value": "#e97d87",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 70.2%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#ed929b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 75.2%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#f0a4ab",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 79.2%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#211214",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 28.5% 10%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#2e1a1b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 28.5% 14%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#ec9099",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 74.7%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#ec9099",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(354.5 71.3% 74.7%)"
+              }
+            }
+          }
+        },
+        "success": {
+          "solid": {
+            "$type": "color",
+            "$value": "#29b54f",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 43.7%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#2eca58",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 48.7%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#3ad263",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 52.7%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#132017",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 25.1% 10%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#1b2d20",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 25.1% 14%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#30d05b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 50.2%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#30d05b",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(136 62.8% 50.2%)"
+              }
+            }
+          }
+        },
+        "warning": {
+          "solid": {
+            "$type": "color",
+            "$value": "#f4b400",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 47.8%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#ffc00f",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 52.8%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#ffc523",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 56.8%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#241e0f",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 40% 10%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#322a15",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 40% 14%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#f4b400",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 47.8%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#f4b400",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(44.3 100% 47.8%)"
+              }
+            }
+          }
+        },
+        "info": {
+          "solid": {
+            "$type": "color",
+            "$value": "#00a8ee",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 46.6%)"
+              }
+            }
+          },
+          "solid-hover": {
+            "$type": "color",
+            "$value": "#08b7ff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 51.6%)"
+              }
+            }
+          },
+          "solid-active": {
+            "$type": "color",
+            "$value": "#1cbdff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 55.6%)"
+              }
+            }
+          },
+          "on-solid": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "subtle": {
+            "$type": "color",
+            "$value": "#0f1e24",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 40% 10%)"
+              }
+            }
+          },
+          "subtle-hover": {
+            "$type": "color",
+            "$value": "#152a32",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 40% 14%)"
+              }
+            }
+          },
+          "strong": {
+            "$type": "color",
+            "$value": "#21beff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 56.6%)"
+              }
+            }
+          },
+          "on-strong": {
+            "$type": "color",
+            "$value": "#0d0f14",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(224 22% 6.5%)"
+              }
+            }
+          },
+          "border": {
+            "$type": "color",
+            "$value": "#21beff",
+            "$extensions": {
+              "com.rookhq.monarch": {
+                "hsl": "hsl(197.5 100% 56.6%)"
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}