@planningcenter/tapestry-tokens 0.0.1 → 2.6.1-qa-522.0

package/dist/js/tokens.json

@@ -0,0 +1,2004 @@
+{
+  "numeric": {
+    "--t-border-radius-sm": {
+      "type": "dimension",
+      "value": "2px"
+    },
+    "--t-border-radius-md": {
+      "type": "dimension",
+      "value": "4px"
+    },
+    "--t-border-radius-lg": {
+      "type": "dimension",
+      "value": "8px"
+    },
+    "--t-border-radius-xl": {
+      "type": "dimension",
+      "value": "16px"
+    },
+    "--t-border-radius-round": {
+      "type": "dimension",
+      "value": "56px"
+    },
+    "--t-border-radius": {
+      "type": "dimension",
+      "value": "var(--t-border-radius-md)"
+    },
+    "--t-border-width": {
+      "type": "dimension",
+      "value": "1px"
+    },
+    "--t-border-width-thick": {
+      "type": "dimension",
+      "value": "2px"
+    },
+    "--t-spacing-1": {
+      "type": "dimension",
+      "value": "8px"
+    },
+    "--t-spacing-2": {
+      "type": "dimension",
+      "value": "16px"
+    },
+    "--t-spacing-3": {
+      "type": "dimension",
+      "value": "24px"
+    },
+    "--t-spacing-4": {
+      "type": "dimension",
+      "value": "32px"
+    },
+    "--t-spacing-5": {
+      "type": "dimension",
+      "value": "40px"
+    },
+    "--t-spacing-6": {
+      "type": "dimension",
+      "value": "48px"
+    },
+    "--t-spacing-7": {
+      "type": "dimension",
+      "value": "56px"
+    },
+    "--t-spacing-fourth": {
+      "type": "dimension",
+      "value": "2px"
+    },
+    "--t-spacing-half": {
+      "type": "dimension",
+      "value": "4px"
+    },
+    "--t-spacing-1-half": {
+      "type": "dimension",
+      "value": "12px"
+    },
+    "--t-element-size-3xl": {
+      "type": "dimension",
+      "value": "48px"
+    },
+    "--t-element-size-2xl": {
+      "type": "dimension",
+      "value": "32px"
+    },
+    "--t-element-size-xl": {
+      "type": "dimension",
+      "value": "24px"
+    },
+    "--t-element-size-lg": {
+      "type": "dimension",
+      "value": "18px"
+    },
+    "--t-element-size-md": {
+      "type": "dimension",
+      "value": "16px"
+    },
+    "--t-element-size-sm": {
+      "type": "dimension",
+      "value": "14px"
+    },
+    "--t-element-size-xs": {
+      "type": "dimension",
+      "value": "12px"
+    },
+    "--t-font-size-4xl": {
+      "type": "dimension",
+      "value": "32px"
+    },
+    "--t-font-size-3xl": {
+      "type": "dimension",
+      "value": "28px"
+    },
+    "--t-font-size-2xl": {
+      "type": "dimension",
+      "value": "24px"
+    },
+    "--t-font-size-xl": {
+      "type": "dimension",
+      "value": "20px"
+    },
+    "--t-font-size-lg": {
+      "type": "dimension",
+      "value": "18px"
+    },
+    "--t-font-size-md": {
+      "type": "dimension",
+      "value": "16px"
+    },
+    "--t-font-size-sm": {
+      "type": "dimension",
+      "value": "14px"
+    },
+    "--t-font-size-xs": {
+      "type": "dimension",
+      "value": "12px"
+    },
+    "--t-font-size-2xs": {
+      "type": "dimension",
+      "value": "10px"
+    },
+    "--t-font-weight-normal": {
+      "type": "fontWeight",
+      "value": 400
+    },
+    "--t-font-weight-medium": {
+      "type": "fontWeight",
+      "value": 500
+    },
+    "--t-font-weight-semibold": {
+      "type": "fontWeight",
+      "value": 600
+    },
+    "--t-font-weight-bold": {
+      "type": "fontWeight",
+      "value": 700
+    },
+    "--t-container-size-xl": {
+      "type": "dimension",
+      "value": "48px"
+    },
+    "--t-container-size-lg": {
+      "type": "dimension",
+      "value": "40px"
+    },
+    "--t-container-size-md": {
+      "type": "dimension",
+      "value": "32px"
+    },
+    "--t-container-size-sm": {
+      "type": "dimension",
+      "value": "24px"
+    },
+    "--t-container-size-xs": {
+      "type": "dimension",
+      "value": "20px"
+    },
+    "--t-avatar-size-20": {
+      "type": "dimension",
+      "value": "20px"
+    },
+    "--t-avatar-size-24": {
+      "type": "dimension",
+      "value": "24px"
+    },
+    "--t-avatar-size-36": {
+      "type": "dimension",
+      "value": "36px"
+    },
+    "--t-avatar-size-48": {
+      "type": "dimension",
+      "value": "48px"
+    },
+    "--t-avatar-size-72": {
+      "type": "dimension",
+      "value": "72px"
+    },
+    "--t-avatar-size-112": {
+      "type": "dimension",
+      "value": "112px"
+    }
+  },
+  "color": {
+    "--t-text-color-headline": {
+      "type": "color",
+      "value": "hsl(0, 0%, 12%)",
+      "darkmode-value": "hsl(0, 0%, 94%)"
+    },
+    "--t-text-color": {
+      "type": "color",
+      "value": "hsl(0, 0%, 24%)",
+      "darkmode-value": "hsl(0, 0%, 80%)"
+    },
+    "--t-text-color-secondary": {
+      "type": "color",
+      "value": "hsl(0, 0%, 42%)",
+      "darkmode-value": "hsl(0, 0%, 54%)"
+    },
+    "--t-text-color-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 68%)",
+      "darkmode-value": "hsl(0, 0%, 32%)"
+    },
+    "--t-text-color-placeholder": {
+      "type": "color",
+      "value": "hsl(0, 0%, 58%)",
+      "darkmode-value": "hsl(0, 0%, 38%)"
+    },
+    "--t-text-color-inverted": {
+      "type": "color",
+      "value": "hsl(0, 0%, 100%)"
+    },
+    "--t-text-color-interaction": {
+      "type": "color",
+      "value": "hsl(204, 100%, 40%)",
+      "darkmode-value": "hsl(204, 68%, 55%)"
+    },
+    "--t-text-color-interaction-hover": {
+      "type": "color",
+      "value": "hsl(204, 100%, 35%)",
+      "darkmode-value": "hsl(204, 68%, 50%)"
+    },
+    "--t-text-color-interaction-active": {
+      "type": "color",
+      "value": "hsl(204, 100%, 30%)",
+      "darkmode-value": "hsl(204, 68%, 45%)"
+    },
+    "--t-text-color-interaction-visited": {
+      "type": "color",
+      "value": "hsl(204, 100%, 30%)",
+      "darkmode-value": "hsl(204, 68%, 50%)"
+    },
+    "--t-text-color-status-neutral": {
+      "type": "color",
+      "value": "hsl(0, 0%, 24%)",
+      "darkmode-value": "hsl(0, 0%, 80%)"
+    },
+    "--t-text-color-status-info": {
+      "type": "color",
+      "value": "hsl(204, 100%, 35%)",
+      "darkmode-value": "hsl(204, 68%, 55%)"
+    },
+    "--t-text-color-status-success": {
+      "type": "color",
+      "value": "hsl(97, 57%, 28%)",
+      "darkmode-value": "hsl(97, 57%, 41%)"
+    },
+    "--t-text-color-status-warning": {
+      "type": "color",
+      "value": "hsl(42, 100%, 29%)",
+      "darkmode-value": "hsl(42, 84%, 55%)"
+    },
+    "--t-text-color-status-error": {
+      "type": "color",
+      "value": "hsl(8, 60%, 45%)",
+      "darkmode-value": "hsl(8, 61%, 61%)"
+    },
+    "--t-text-color-tag-subtle-gray": {
+      "type": "color",
+      "value": "hsl(0, 0%, 24%)",
+      "darkmode-value": "hsl(0, 0%, 80%)"
+    },
+    "--t-text-color-tag-subtle-blue": {
+      "type": "color",
+      "value": "hsl(224, 47%, 31%)",
+      "darkmode-value": "hsl(223, 46%, 84%)"
+    },
+    "--t-text-color-tag-subtle-indigo": {
+      "type": "color",
+      "value": "hsl(241, 59%, 28%)",
+      "darkmode-value": "hsl(233, 78%, 84%)"
+    },
+    "--t-text-color-tag-subtle-aqua": {
+      "type": "color",
+      "value": "hsl(209, 77%, 22%)",
+      "darkmode-value": "hsl(208, 77%, 85%)"
+    },
+    "--t-text-color-tag-subtle-teal": {
+      "type": "color",
+      "value": "hsl(180, 95%, 15%)",
+      "darkmode-value": "hsl(180, 95%, 74%)"
+    },
+    "--t-text-color-tag-subtle-green": {
+      "type": "color",
+      "value": "hsl(100, 93%, 17%)",
+      "darkmode-value": "hsl(99, 93%, 84%)"
+    },
+    "--t-text-color-tag-subtle-yellow": {
+      "type": "color",
+      "value": "hsl(29, 100%, 23%)",
+      "darkmode-value": "hsl(29, 100%, 85%)"
+    },
+    "--t-text-color-tag-subtle-orange": {
+      "type": "color",
+      "value": "hsl(18, 100%, 18%)",
+      "darkmode-value": "hsl(18, 100%, 85%)"
+    },
+    "--t-text-color-tag-subtle-pink": {
+      "type": "color",
+      "value": "hsl(327, 88%, 20%)",
+      "darkmode-value": "hsl(328, 89%, 89%)"
+    },
+    "--t-text-color-tag-subtle-purple": {
+      "type": "color",
+      "value": "hsl(268, 71%, 27%)",
+      "darkmode-value": "hsl(268, 70%, 88%)"
+    },
+    "--t-text-color-tag-subtle-magenta": {
+      "type": "color",
+      "value": "hsl(285, 71%, 20%)",
+      "darkmode-value": "hsl(285, 70%, 88%)"
+    },
+    "--t-text-color-tag-bold-gray": {
+      "type": "color",
+      "value": "hsl(0, 0%, 24%)",
+      "darkmode-value": "hsl(0, 0%, 100%)"
+    },
+    "--t-text-color-tag-bold-indigo": {
+      "type": "color",
+      "value": "hsl(241, 59%, 28%)",
+      "darkmode-value": "hsl(0, 0%, 100%)"
+    },
+    "--t-text-color-tag-bold-blue": {
+      "type": "color",
+      "value": "hsl(224, 47%, 31%)",
+      "darkmode-value": "hsl(0, 0%, 100%)"
+    },
+    "--t-text-color-tag-bold-aqua": {
+      "type": "color",
+      "value": "hsl(209, 77%, 22%)",
+      "darkmode-value": "hsl(0, 0%, 100%)"
+    },
+    "--t-text-color-tag-bold-teal": {
+      "type": "color",
+      "value": "hsl(180, 95%, 15%)",
+      "darkmode-value": "hsl(0, 0%, 100%)"
+    },
+    "--t-text-color-tag-bold-green": {
+      "type": "color",
+      "value": "hsl(100, 93%, 17%)",
+      "darkmode-value": "hsl(0, 0%, 100%)"
+    },
+    "--t-text-color-tag-bold-yellow": {
+      "type": "color",
+      "value": "hsl(29, 100%, 23%)",
+      "darkmode-value": "hsl(0, 0%, 100%)"
+    },
+    "--t-text-color-tag-bold-orange": {
+      "type": "color",
+      "value": "hsl(18, 100%, 18%)",
+      "darkmode-value": "hsl(0, 0%, 100%)"
+    },
+    "--t-text-color-tag-bold-pink": {
+      "type": "color",
+      "value": "hsl(327, 88%, 20%)",
+      "darkmode-value": "hsl(0, 0%, 100%)"
+    },
+    "--t-text-color-tag-bold-purple": {
+      "type": "color",
+      "value": "hsl(268, 71%, 27%)",
+      "darkmode-value": "hsl(0, 0%, 100%)"
+    },
+    "--t-text-color-tag-bold-magenta": {
+      "type": "color",
+      "value": "hsl(285, 71%, 20%)",
+      "darkmode-value": "hsl(0, 0%, 100%)"
+    },
+    "--t-icon-color": {
+      "type": "color",
+      "value": "hsl(0, 0%, 24%)",
+      "darkmode-value": "hsl(0, 0%, 80%)"
+    },
+    "--t-icon-color-secondary": {
+      "type": "color",
+      "value": "hsl(0, 0%, 42%)",
+      "darkmode-value": "hsl(0, 0%, 54%)"
+    },
+    "--t-icon-color-dim": {
+      "type": "color",
+      "value": "hsl(0, 0%, 58%)",
+      "darkmode-value": "hsl(0, 0%, 38%)"
+    },
+    "--t-icon-color-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 81%)",
+      "darkmode-value": "hsl(0, 0%, 25%)"
+    },
+    "--t-icon-color-inverted": {
+      "type": "color",
+      "value": "hsl(0, 0%, 100%)"
+    },
+    "--t-icon-color-status-neutral": {
+      "type": "color",
+      "value": "hsl(0, 0%, 42%)",
+      "darkmode-value": "hsl(0, 0%, 54%)"
+    },
+    "--t-icon-color-status-neutral-secondary": {
+      "type": "color",
+      "value": "hsl(0, 0%, 58%)",
+      "darkmode-value": "hsl(0, 0%, 38%)"
+    },
+    "--t-icon-color-status-neutral-bold": {
+      "type": "color",
+      "value": "hsl(0, 0%, 24%)",
+      "darkmode-value": "hsl(0, 0%, 80%)"
+    },
+    "--t-icon-color-status-info": {
+      "type": "color",
+      "value": "hsl(204, 100%, 40%)",
+      "darkmode-value": "hsl(204, 68%, 55%)"
+    },
+    "--t-icon-color-status-success": {
+      "type": "color",
+      "value": "hsl(96, 57%, 33%)"
+    },
+    "--t-icon-color-status-success-secondary": {
+      "type": "color",
+      "value": "hsl(97, 57%, 40%)"
+    },
+    "--t-icon-color-status-warning": {
+      "type": "color",
+      "value": "hsl(42, 84%, 49%)"
+    },
+    "--t-icon-color-status-error": {
+      "type": "color",
+      "value": "hsl(8, 60%, 47%)",
+      "darkmode-value": "hsl(8, 61%, 61%)"
+    },
+    "--t-fill-color-neutral-100": {
+      "type": "color",
+      "value": "hsl(0, 0%, 100%)",
+      "darkmode-value": "hsl(0, 0%, 10%)"
+    },
+    "--t-fill-color-neutral-000": {
+      "type": "color",
+      "value": "hsl(0, 0%, 12%)",
+      "darkmode-value": "hsl(0, 0%, 98%)"
+    },
+    "--t-fill-color-neutral-010": {
+      "type": "color",
+      "value": "hsl(0, 0%, 24%)",
+      "darkmode-value": "hsl(0, 0%, 88%)"
+    },
+    "--t-fill-color-neutral-020": {
+      "type": "color",
+      "value": "hsl(0, 0%, 42%)",
+      "darkmode-value": "hsl(0, 0%, 68%)"
+    },
+    "--t-fill-color-neutral-025": {
+      "type": "color",
+      "value": "hsl(0, 0%, 50%)",
+      "darkmode-value": "hsl(0, 0%, 58%)"
+    },
+    "--t-fill-color-neutral-030": {
+      "type": "color",
+      "value": "hsl(0, 0%, 58%)",
+      "darkmode-value": "hsl(0, 0%, 50%)"
+    },
+    "--t-fill-color-neutral-040": {
+      "type": "color",
+      "value": "hsl(0, 0%, 81%)",
+      "darkmode-value": "hsl(0, 0%, 32%)"
+    },
+    "--t-fill-color-neutral-050": {
+      "type": "color",
+      "value": "hsl(0, 0%, 88%)",
+      "darkmode-value": "hsl(0, 0%, 24%)"
+    },
+    "--t-fill-color-neutral-060": {
+      "type": "color",
+      "value": "hsl(0, 0%, 93%)",
+      "darkmode-value": "hsl(0, 0%, 19%)"
+    },
+    "--t-fill-color-neutral-070": {
+      "type": "color",
+      "value": "hsl(0, 0%, 95%)",
+      "darkmode-value": "hsl(0, 0%, 17%)"
+    },
+    "--t-fill-color-neutral-080": {
+      "type": "color",
+      "value": "hsl(0, 0%, 97%)",
+      "darkmode-value": "hsl(0, 0%, 15%)"
+    },
+    "--t-fill-color-neutral-090": {
+      "type": "color",
+      "value": "hsl(0, 0%, 98%)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
+    },
+    "--t-fill-color-interaction": {
+      "type": "color",
+      "value": "hsl(204, 100%, 40%)",
+      "darkmode-value": "hsl(204, 100%, 35%)"
+    },
+    "--t-fill-color-interaction-hover": {
+      "type": "color",
+      "value": "hsl(204, 100%, 35%)",
+      "darkmode-value": "hsl(204, 100%, 40%)"
+    },
+    "--t-fill-color-interaction-active": {
+      "type": "color",
+      "value": "hsl(204, 100%, 30%)",
+      "darkmode-value": "hsl(204, 80%, 45%)"
+    },
+    "--t-fill-color-interaction-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 81%)",
+      "darkmode-value": "hsl(0, 0%, 25%)"
+    },
+    "--t-fill-color-control-neutral-off": {
+      "type": "color",
+      "value": "hsl(0, 0%, 58%)",
+      "darkmode-value": "hsl(0, 0%, 32%)"
+    },
+    "--t-fill-color-control-neutral-on": {
+      "type": "color",
+      "value": "hsl(0, 0%, 24%)",
+      "darkmode-value": "hsl(0, 0%, 50%)"
+    },
+    "--t-fill-color-control": {
+      "type": "color",
+      "value": "hsl(204, 100%, 40%)",
+      "darkmode-value": "hsl(204, 100%, 35%)"
+    },
+    "--t-fill-color-control-secondary": {
+      "type": "color",
+      "value": "hsl(97, 57%, 40%)"
+    },
+    "--t-fill-color-control-error": {
+      "type": "color",
+      "value": "hsl(8, 60%, 47%)"
+    },
+    "--t-fill-color-control-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 81%)",
+      "darkmode-value": "hsl(0, 0%, 20%)"
+    },
+    "--t-fill-color-status-neutral": {
+      "type": "color",
+      "value": "hsl(0, 0%, 42%)",
+      "darkmode-value": "hsl(0, 0%, 24%)"
+    },
+    "--t-fill-color-status-neutral-ghost": {
+      "type": "color",
+      "value": "hsl(0, 0%, 93%)",
+      "darkmode-value": "hsl(0, 0%, 18%)"
+    },
+    "--t-fill-color-status-neutral-dim": {
+      "type": "color",
+      "value": "hsl(0, 0%, 97%)",
+      "darkmode-value": "hsl(0, 0%, 15%)"
+    },
+    "--t-fill-color-status-info": {
+      "type": "color",
+      "value": "hsl(204, 100%, 40%)",
+      "darkmode-value": "hsl(204, 100%, 35%)"
+    },
+    "--t-fill-color-status-info-ghost": {
+      "type": "color",
+      "value": "hsl(203, 94%, 94%)",
+      "darkmode-value": "hsl(204, 32%, 15%)"
+    },
+    "--t-fill-color-status-info-dim": {
+      "type": "color",
+      "value": "hsl(204, 100%, 97%)",
+      "darkmode-value": "hsl(206, 22%, 15%)"
+    },
+    "--t-fill-color-status-success": {
+      "type": "color",
+      "value": "hsl(96, 57%, 33%)"
+    },
+    "--t-fill-color-status-success-ghost": {
+      "type": "color",
+      "value": "hsl(97, 57%, 90%)",
+      "darkmode-value": "hsl(125, 17%, 15%)"
+    },
+    "--t-fill-color-status-success-dim": {
+      "type": "color",
+      "value": "hsl(96, 60%, 95%)",
+      "darkmode-value": "hsl(120, 12%, 14%)"
+    },
+    "--t-fill-color-status-warning": {
+      "type": "color",
+      "value": "hsl(42, 84%, 63%)"
+    },
+    "--t-fill-color-status-warning-ghost": {
+      "type": "color",
+      "value": "hsl(42, 87%, 94%)",
+      "darkmode-value": "hsl(41, 18%, 17%)"
+    },
+    "--t-fill-color-status-warning-dim": {
+      "type": "color",
+      "value": "hsl(42, 87%, 97%)",
+      "darkmode-value": "hsl(42, 13%, 15%)"
+    },
+    "--t-fill-color-status-error": {
+      "type": "color",
+      "value": "hsl(8, 60%, 47%)"
+    },
+    "--t-fill-color-status-error-ghost": {
+      "type": "color",
+      "value": "hsl(9, 59%, 93%)",
+      "darkmode-value": "hsl(8, 20%, 16%)"
+    },
+    "--t-fill-color-status-error-dim": {
+      "type": "color",
+      "value": "hsl(7, 60%, 97%)",
+      "darkmode-value": "hsl(10, 16%, 15%)"
+    },
+    "--t-fill-color-tooltip": {
+      "type": "color",
+      "value": "hsla(0, 0%, 12%, 0.9)",
+      "darkmode-value": "hsla(0, 0%, 24%, 0.9)"
+    },
+    "--t-fill-color-product-accounts-010": {
+      "type": "color",
+      "value": "hsl(212, 54%, 93%)"
+    },
+    "--t-fill-color-product-accounts-020": {
+      "type": "color",
+      "value": "hsl(209, 53%, 90%)"
+    },
+    "--t-fill-color-product-accounts-030": {
+      "type": "color",
+      "value": "hsl(210, 56%, 70%)"
+    },
+    "--t-fill-color-product-accounts-040": {
+      "type": "color",
+      "value": "hsl(210, 54%, 60%)"
+    },
+    "--t-fill-color-product-accounts-050": {
+      "type": "color",
+      "value": "hsl(210, 55%, 50%)"
+    },
+    "--t-fill-color-product-accounts-060": {
+      "type": "color",
+      "value": "hsl(210, 65%, 40%)"
+    },
+    "--t-fill-color-product-accounts-070": {
+      "type": "color",
+      "value": "hsl(211, 70%, 32%)"
+    },
+    "--t-fill-color-product-accounts-080": {
+      "type": "color",
+      "value": "hsl(210, 75%, 25%)"
+    },
+    "--t-fill-color-product-calendar-010": {
+      "type": "color",
+      "value": "hsl(8, 61%, 90%)"
+    },
+    "--t-fill-color-product-calendar-020": {
+      "type": "color",
+      "value": "hsl(8, 61%, 70%)"
+    },
+    "--t-fill-color-product-calendar-030": {
+      "type": "color",
+      "value": "hsl(8, 72%, 59%)"
+    },
+    "--t-fill-color-product-calendar-040": {
+      "type": "color",
+      "value": "hsl(8, 65%, 55%)"
+    },
+    "--t-fill-color-product-calendar-050": {
+      "type": "color",
+      "value": "hsl(9, 61%, 50%)"
+    },
+    "--t-fill-color-product-calendar-060": {
+      "type": "color",
+      "value": "hsl(8, 65%, 42%)"
+    },
+    "--t-fill-color-product-calendar-070": {
+      "type": "color",
+      "value": "hsl(7, 65%, 34%)"
+    },
+    "--t-fill-color-product-calendar-080": {
+      "type": "color",
+      "value": "hsl(9, 61%, 27%)"
+    },
+    "--t-fill-color-product-checkins-010": {
+      "type": "color",
+      "value": "hsl(285, 20%, 92%)"
+    },
+    "--t-fill-color-product-checkins-020": {
+      "type": "color",
+      "value": "hsl(283, 22%, 75%)"
+    },
+    "--t-fill-color-product-checkins-030": {
+      "type": "color",
+      "value": "hsl(284, 22%, 64%)"
+    },
+    "--t-fill-color-product-checkins-040": {
+      "type": "color",
+      "value": "hsl(283, 22%, 55%)"
+    },
+    "--t-fill-color-product-checkins-050": {
+      "type": "color",
+      "value": "hsl(283, 22%, 48%)"
+    },
+    "--t-fill-color-product-checkins-060": {
+      "type": "color",
+      "value": "hsl(283, 27%, 42%)"
+    },
+    "--t-fill-color-product-checkins-070": {
+      "type": "color",
+      "value": "hsl(284, 33%, 34%)"
+    },
+    "--t-fill-color-product-checkins-080": {
+      "type": "color",
+      "value": "hsl(283, 33%, 27%)"
+    },
+    "--t-fill-color-product-giving-010": {
+      "type": "color",
+      "value": "hsl(41, 95%, 93%)"
+    },
+    "--t-fill-color-product-giving-020": {
+      "type": "color",
+      "value": "hsl(42, 95%, 83%)"
+    },
+    "--t-fill-color-product-giving-030": {
+      "type": "color",
+      "value": "hsl(43, 95%, 75%)"
+    },
+    "--t-fill-color-product-giving-040": {
+      "type": "color",
+      "value": "hsl(43, 88%, 70%)"
+    },
+    "--t-fill-color-product-giving-050": {
+      "type": "color",
+      "value": "hsl(43, 88%, 64%)"
+    },
+    "--t-fill-color-product-giving-060": {
+      "type": "color",
+      "value": "hsl(42, 84%, 55%)"
+    },
+    "--t-fill-color-product-giving-070": {
+      "type": "color",
+      "value": "hsl(42, 84%, 48%)"
+    },
+    "--t-fill-color-product-giving-080": {
+      "type": "color",
+      "value": "hsl(42, 100%, 40%)"
+    },
+    "--t-fill-color-product-groups-010": {
+      "type": "color",
+      "value": "hsl(18, 95%, 92%)"
+    },
+    "--t-fill-color-product-groups-020": {
+      "type": "color",
+      "value": "hsl(17, 96%, 80%)"
+    },
+    "--t-fill-color-product-groups-030": {
+      "type": "color",
+      "value": "hsl(17, 96%, 70%)"
+    },
+    "--t-fill-color-product-groups-040": {
+      "type": "color",
+      "value": "hsl(17, 96%, 63%)"
+    },
+    "--t-fill-color-product-groups-050": {
+      "type": "color",
+      "value": "hsl(17, 88%, 55%)"
+    },
+    "--t-fill-color-product-groups-060": {
+      "type": "color",
+      "value": "hsl(12, 70%, 48%)"
+    },
+    "--t-fill-color-product-groups-070": {
+      "type": "color",
+      "value": "hsl(12, 70%, 40%)"
+    },
+    "--t-fill-color-product-groups-080": {
+      "type": "color",
+      "value": "hsl(14, 70%, 34%)"
+    },
+    "--t-fill-color-product-home-010": {
+      "type": "color",
+      "value": "hsl(221, 89%, 93%)"
+    },
+    "--t-fill-color-product-home-020": {
+      "type": "color",
+      "value": "hsl(221, 91%, 91%)"
+    },
+    "--t-fill-color-product-home-030": {
+      "type": "color",
+      "value": "hsl(221, 91%, 87%)"
+    },
+    "--t-fill-color-product-home-040": {
+      "type": "color",
+      "value": "hsl(221, 91%, 62%)"
+    },
+    "--t-fill-color-product-home-050": {
+      "type": "color",
+      "value": "hsl(221, 91%, 55%)"
+    },
+    "--t-fill-color-product-home-060": {
+      "type": "color",
+      "value": "hsl(221, 90%, 50%)"
+    },
+    "--t-fill-color-product-home-070": {
+      "type": "color",
+      "value": "hsl(221, 90%, 45%)"
+    },
+    "--t-fill-color-product-home-080": {
+      "type": "color",
+      "value": "hsl(218, 84%, 25%)"
+    },
+    "--t-fill-color-product-musicstand-010": {
+      "type": "color",
+      "value": "hsl(207, 61%, 93%)"
+    },
+    "--t-fill-color-product-musicstand-020": {
+      "type": "color",
+      "value": "hsl(207, 61%, 90%)"
+    },
+    "--t-fill-color-product-musicstand-030": {
+      "type": "color",
+      "value": "hsl(207, 58%, 85%)"
+    },
+    "--t-fill-color-product-musicstand-040": {
+      "type": "color",
+      "value": "hsl(207, 59%, 60%)"
+    },
+    "--t-fill-color-product-musicstand-050": {
+      "type": "color",
+      "value": "hsl(207, 59%, 50%)"
+    },
+    "--t-fill-color-product-musicstand-060": {
+      "type": "color",
+      "value": "hsl(207, 59%, 40%)"
+    },
+    "--t-fill-color-product-musicstand-070": {
+      "type": "color",
+      "value": "hsl(207, 59%, 35%)"
+    },
+    "--t-fill-color-product-musicstand-080": {
+      "type": "color",
+      "value": "hsl(207, 59%, 25%)"
+    },
+    "--t-fill-color-product-people-010": {
+      "type": "color",
+      "value": "hsl(219, 73%, 91%)"
+    },
+    "--t-fill-color-product-people-020": {
+      "type": "color",
+      "value": "hsl(220, 69%, 81%)"
+    },
+    "--t-fill-color-product-people-030": {
+      "type": "color",
+      "value": "hsl(221, 73%, 71%)"
+    },
+    "--t-fill-color-product-people-040": {
+      "type": "color",
+      "value": "hsl(221, 73%, 65%)"
+    },
+    "--t-fill-color-product-people-050": {
+      "type": "color",
+      "value": "hsl(220, 74%, 57%)"
+    },
+    "--t-fill-color-product-people-060": {
+      "type": "color",
+      "value": "hsl(220, 68%, 51%)"
+    },
+    "--t-fill-color-product-people-070": {
+      "type": "color",
+      "value": "hsl(220, 68%, 41%)"
+    },
+    "--t-fill-color-product-people-080": {
+      "type": "color",
+      "value": "hsl(221, 68%, 31%)"
+    },
+    "--t-fill-color-product-publishing-010": {
+      "type": "color",
+      "value": "hsl(220, 4%, 86%)"
+    },
+    "--t-fill-color-product-publishing-020": {
+      "type": "color",
+      "value": "hsl(222, 10%, 60%)"
+    },
+    "--t-fill-color-product-publishing-030": {
+      "type": "color",
+      "value": "hsl(221, 11%, 50%)"
+    },
+    "--t-fill-color-product-publishing-040": {
+      "type": "color",
+      "value": "hsl(222, 12%, 39%)"
+    },
+    "--t-fill-color-product-publishing-050": {
+      "type": "color",
+      "value": "hsl(220, 12%, 31%)"
+    },
+    "--t-fill-color-product-publishing-060": {
+      "type": "color",
+      "value": "hsl(220, 11%, 26%)"
+    },
+    "--t-fill-color-product-publishing-070": {
+      "type": "color",
+      "value": "hsl(217, 12%, 22%)"
+    },
+    "--t-fill-color-product-publishing-080": {
+      "type": "color",
+      "value": "hsl(214, 11%, 12%)"
+    },
+    "--t-fill-color-product-registrations-010": {
+      "type": "color",
+      "value": "hsl(173, 28%, 89%)"
+    },
+    "--t-fill-color-product-registrations-020": {
+      "type": "color",
+      "value": "hsl(176, 38%, 78%)"
+    },
+    "--t-fill-color-product-registrations-030": {
+      "type": "color",
+      "value": "hsl(176, 37%, 68%)"
+    },
+    "--t-fill-color-product-registrations-040": {
+      "type": "color",
+      "value": "hsl(176, 37%, 60%)"
+    },
+    "--t-fill-color-product-registrations-050": {
+      "type": "color",
+      "value": "hsl(175, 36%, 43%)"
+    },
+    "--t-fill-color-product-registrations-060": {
+      "type": "color",
+      "value": "hsl(175, 51%, 34%)"
+    },
+    "--t-fill-color-product-registrations-070": {
+      "type": "color",
+      "value": "hsl(174, 51%, 28%)"
+    },
+    "--t-fill-color-product-registrations-080": {
+      "type": "color",
+      "value": "hsl(175, 52%, 22%)"
+    },
+    "--t-fill-color-product-services-010": {
+      "type": "color",
+      "value": "hsl(88, 31%, 88%)"
+    },
+    "--t-fill-color-product-services-020": {
+      "type": "color",
+      "value": "hsl(88, 39%, 75%)"
+    },
+    "--t-fill-color-product-services-030": {
+      "type": "color",
+      "value": "hsl(88, 39%, 66%)"
+    },
+    "--t-fill-color-product-services-040": {
+      "type": "color",
+      "value": "hsl(88, 40%, 54%)"
+    },
+    "--t-fill-color-product-services-050": {
+      "type": "color",
+      "value": "hsl(88, 45%, 41%)"
+    },
+    "--t-fill-color-product-services-060": {
+      "type": "color",
+      "value": "hsl(89, 62%, 31%)"
+    },
+    "--t-fill-color-product-services-070": {
+      "type": "color",
+      "value": "hsl(89, 62%, 26%)"
+    },
+    "--t-fill-color-product-services-080": {
+      "type": "color",
+      "value": "hsl(89, 63%, 21%)"
+    },
+    "--t-fill-color-product-staff": {
+      "type": "color",
+      "value": "hsl(328, 100%, 45%)"
+    },
+    "--t-fill-color-product-staff-dark": {
+      "type": "color",
+      "value": "hsl(328, 100%, 38%)"
+    },
+    "--t-fill-color-product-staff-darker": {
+      "type": "color",
+      "value": "hsl(328, 100%, 33%)"
+    },
+    "--t-fill-color-product-accounts-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%))"
+    },
+    "--t-fill-color-product-accounts-gradient-page": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%))"
+    },
+    "--t-fill-color-product-accounts-gradient-tint": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%))"
+    },
+    "--t-fill-color-product-api-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(180deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%))"
+    },
+    "--t-fill-color-product-calendar-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(135deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%))"
+    },
+    "--t-fill-color-product-calendar-gradient-page": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(5, 80%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%))"
+    },
+    "--t-fill-color-product-calendar-gradient-tint": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(8, 100%, 94%), hsl(285, 18%, 91%), hsl(204, 67%, 92%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%))"
+    },
+    "--t-fill-color-product-cc-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(135deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%))"
+    },
+    "--t-fill-color-product-checkins-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(135deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%))"
+    },
+    "--t-fill-color-product-checkins-gradient-page": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(283, 21%, 77%) 25%, hsl(227, 36%, 78%) 60%, hsl(204, 67%, 73%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%))"
+    },
+    "--t-fill-color-product-checkins-gradient-tint": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 42%, hsl(204, 67%, 92%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%))"
+    },
+    "--t-fill-color-product-giving-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(90deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%))"
+    },
+    "--t-fill-color-product-giving-gradient-page": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.5%, hsl(204, 67%, 73%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%))"
+    },
+    "--t-fill-color-product-giving-gradient-tint": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.5%, hsl(204, 67%, 92%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%))"
+    },
+    "--t-fill-color-product-groups-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(135deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%))"
+    },
+    "--t-fill-color-product-groups-gradient-page": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%))"
+    },
+    "--t-fill-color-product-groups-gradient-tint": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%))"
+    },
+    "--t-fill-color-product-headcounts-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(135deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%))"
+    },
+    "--t-fill-color-product-home-gradient-page": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%))"
+    },
+    "--t-fill-color-product-home-gradient-tint": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%))"
+    },
+    "--t-fill-color-product-musicstand-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(135deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%))"
+    },
+    "--t-fill-color-product-people-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(135deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%))"
+    },
+    "--t-fill-color-product-people-gradient-page": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%))"
+    },
+    "--t-fill-color-product-people-gradient-tint": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%))"
+    },
+    "--t-fill-color-product-publishing-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(135deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%))"
+    },
+    "--t-fill-color-product-publishing-gradient-page": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 45%, hsl(204, 67%, 73%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%))"
+    },
+    "--t-fill-color-product-publishing-gradient-tint": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 45%, hsl(204, 67%, 92%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%))"
+    },
+    "--t-fill-color-product-registrations-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(135deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%))"
+    },
+    "--t-fill-color-product-registrations-gradient-page": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.5%, hsl(204, 67%, 73%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%))"
+    },
+    "--t-fill-color-product-registrations-gradient-tint": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.5%, hsl(204, 67%, 92%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%))"
+    },
+    "--t-fill-color-product-services-gradient-brand": {
+      "type": "gradient",
+      "value": "linear-gradient(135deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%))"
+    },
+    "--t-fill-color-product-services-gradient-page": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.5%, hsl(204, 67%, 73%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%))"
+    },
+    "--t-fill-color-product-services-gradient-tint": {
+      "type": "gradient",
+      "value": "linear-gradient(111.72deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.5%, hsl(204, 67%, 92%))",
+      "darkmode-value": "linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%))"
+    },
+    "--t-fill-color-tag-gray-010": {
+      "type": "color",
+      "value": "hsl(0, 0%, 93%)",
+      "darkmode-value": "hsl(0, 0%, 20%)"
+    },
+    "--t-fill-color-tag-gray-020": {
+      "type": "color",
+      "value": "hsl(0, 0%, 88%)",
+      "darkmode-value": "hsl(0, 0%, 24%)"
+    },
+    "--t-fill-color-tag-gray-030": {
+      "type": "color",
+      "value": "hsl(0, 0%, 88%)",
+      "darkmode-value": "hsl(0, 0%, 36%)"
+    },
+    "--t-fill-color-tag-gray-040": {
+      "type": "color",
+      "value": "hsl(0, 0%, 81%)",
+      "darkmode-value": "hsl(0, 0%, 42%)"
+    },
+    "--t-fill-color-tag-blue-010": {
+      "type": "color",
+      "value": "hsl(220, 100%, 95%)",
+      "darkmode-value": "hsl(219, 26%, 24%)"
+    },
+    "--t-fill-color-tag-blue-020": {
+      "type": "color",
+      "value": "hsl(221, 100%, 88%)",
+      "darkmode-value": "hsl(220, 28%, 29%)"
+    },
+    "--t-fill-color-tag-blue-030": {
+      "type": "color",
+      "value": "hsl(220, 98%, 81%)",
+      "darkmode-value": "hsl(219, 32%, 45%)"
+    },
+    "--t-fill-color-tag-blue-040": {
+      "type": "color",
+      "value": "hsl(220, 98%, 74%)",
+      "darkmode-value": "hsl(220, 35%, 52%)"
+    },
+    "--t-fill-color-tag-aqua-010": {
+      "type": "color",
+      "value": "hsl(200, 82%, 89%)",
+      "darkmode-value": "hsl(200, 30%, 21%)"
+    },
+    "--t-fill-color-tag-aqua-020": {
+      "type": "color",
+      "value": "hsl(200, 82%, 82%)",
+      "darkmode-value": "hsl(200, 33%, 26%)"
+    },
+    "--t-fill-color-tag-aqua-030": {
+      "type": "color",
+      "value": "hsl(201, 76%, 71%)",
+      "darkmode-value": "hsl(200, 39%, 38%)"
+    },
+    "--t-fill-color-tag-aqua-040": {
+      "type": "color",
+      "value": "hsl(200, 75%, 64%)",
+      "darkmode-value": "hsl(200, 39%, 43%)"
+    },
+    "--t-fill-color-tag-teal-010": {
+      "type": "color",
+      "value": "hsl(163, 53%, 83%)",
+      "darkmode-value": "hsl(169, 33%, 19%)"
+    },
+    "--t-fill-color-tag-teal-020": {
+      "type": "color",
+      "value": "hsl(164, 52%, 76%)",
+      "darkmode-value": "hsl(169, 37%, 22%)"
+    },
+    "--t-fill-color-tag-teal-030": {
+      "type": "color",
+      "value": "hsl(169, 62%, 64%)",
+      "darkmode-value": "hsl(169, 43%, 31%)"
+    },
+    "--t-fill-color-tag-teal-040": {
+      "type": "color",
+      "value": "hsl(169, 62%, 56%)",
+      "darkmode-value": "hsl(169, 44%, 35%)"
+    },
+    "--t-fill-color-tag-green-010": {
+      "type": "color",
+      "value": "hsl(98, 59%, 85%)",
+      "darkmode-value": "hsl(110, 30%, 20%)"
+    },
+    "--t-fill-color-tag-green-020": {
+      "type": "color",
+      "value": "hsl(99, 59%, 78%)",
+      "darkmode-value": "hsl(112, 33%, 23%)"
+    },
+    "--t-fill-color-tag-green-030": {
+      "type": "color",
+      "value": "hsl(112, 57%, 65%)",
+      "darkmode-value": "hsl(112, 37%, 33%)"
+    },
+    "--t-fill-color-tag-green-040": {
+      "type": "color",
+      "value": "hsl(112, 57%, 57%)",
+      "darkmode-value": "hsl(112, 39%, 37%)"
+    },
+    "--t-fill-color-tag-yellow-010": {
+      "type": "color",
+      "value": "hsl(45, 77%, 85%)",
+      "darkmode-value": "hsl(44, 39%, 19%)"
+    },
+    "--t-fill-color-tag-yellow-020": {
+      "type": "color",
+      "value": "hsl(44, 78%, 77%)",
+      "darkmode-value": "hsl(44, 44%, 22%)"
+    },
+    "--t-fill-color-tag-yellow-030": {
+      "type": "color",
+      "value": "hsl(44, 92%, 69%)",
+      "darkmode-value": "hsl(44, 50%, 31%)"
+    },
+    "--t-fill-color-tag-yellow-040": {
+      "type": "color",
+      "value": "hsl(44, 93%, 61%)",
+      "darkmode-value": "hsl(44, 53%, 36%)"
+    },
+    "--t-fill-color-tag-orange-010": {
+      "type": "color",
+      "value": "hsl(22, 89%, 89%)",
+      "darkmode-value": "hsl(21, 35%, 22%)"
+    },
+    "--t-fill-color-tag-orange-020": {
+      "type": "color",
+      "value": "hsl(21, 89%, 82%)",
+      "darkmode-value": "hsl(20, 38%, 26%)"
+    },
+    "--t-fill-color-tag-orange-030": {
+      "type": "color",
+      "value": "hsl(21, 86%, 72%)",
+      "darkmode-value": "hsl(21, 44%, 40%)"
+    },
+    "--t-fill-color-tag-orange-040": {
+      "type": "color",
+      "value": "hsl(21, 86%, 64%)",
+      "darkmode-value": "hsl(21, 46%, 45%)"
+    },
+    "--t-fill-color-tag-pink-010": {
+      "type": "color",
+      "value": "hsl(311, 66%, 92%)",
+      "darkmode-value": "hsl(331, 22%, 24%)"
+    },
+    "--t-fill-color-tag-pink-020": {
+      "type": "color",
+      "value": "hsl(310, 64%, 85%)",
+      "darkmode-value": "hsl(324, 26%, 26%)"
+    },
+    "--t-fill-color-tag-pink-030": {
+      "type": "color",
+      "value": "hsl(324, 78%, 77%)",
+      "darkmode-value": "hsl(324, 30%, 45%)"
+    },
+    "--t-fill-color-tag-pink-040": {
+      "type": "color",
+      "value": "hsl(324, 76%, 70%)",
+      "darkmode-value": "hsl(324, 33%, 51%)"
+    },
+    "--t-fill-color-tag-purple-010": {
+      "type": "color",
+      "value": "hsl(259, 74%, 93%)",
+      "darkmode-value": "hsl(274, 20%, 23%)"
+    },
+    "--t-fill-color-tag-purple-020": {
+      "type": "color",
+      "value": "hsl(259, 74%, 85%)",
+      "darkmode-value": "hsl(274, 21%, 28%)"
+    },
+    "--t-fill-color-tag-purple-030": {
+      "type": "color",
+      "value": "hsl(273, 62%, 76%)",
+      "darkmode-value": "hsl(274, 25%, 46%)"
+    },
+    "--t-fill-color-tag-purple-040": {
+      "type": "color",
+      "value": "hsl(273, 62%, 70%)",
+      "darkmode-value": "hsl(274, 28%, 53%)"
+    },
+    "--t-fill-color-tag-magenta-010": {
+      "type": "color",
+      "value": "hsl(294, 37%, 90%)",
+      "darkmode-value": "hsl(292, 20%, 21%)"
+    },
+    "--t-fill-color-tag-magenta-020": {
+      "type": "color",
+      "value": "hsl(291, 40%, 83%)",
+      "darkmode-value": "hsl(292, 22%, 26%)"
+    },
+    "--t-fill-color-tag-magenta-030": {
+      "type": "color",
+      "value": "hsl(291, 48%, 70%)",
+      "darkmode-value": "hsl(293, 26%, 42%)"
+    },
+    "--t-fill-color-tag-magenta-040": {
+      "type": "color",
+      "value": "hsl(292, 48%, 63%)",
+      "darkmode-value": "hsl(292, 27%, 48%)"
+    },
+    "--t-fill-color-tag-indigo-010": {
+      "type": "color",
+      "value": "hsl(234, 78%, 93%)",
+      "darkmode-value": "hsl(235, 21%, 24%)"
+    },
+    "--t-fill-color-tag-indigo-020": {
+      "type": "color",
+      "value": "hsl(233, 79%, 87%)",
+      "darkmode-value": "hsl(236, 22%, 29%)"
+    },
+    "--t-fill-color-tag-indigo-030": {
+      "type": "color",
+      "value": "hsl(233, 77%, 81%)",
+      "darkmode-value": "hsl(236, 26%, 50%)"
+    },
+    "--t-fill-color-tag-indigo-040": {
+      "type": "color",
+      "value": "hsl(236, 79%, 74%)",
+      "darkmode-value": "hsl(236, 34%, 56%)"
+    },
+    "--t-fill-color-button-neutral-solid": {
+      "type": "color",
+      "value": "hsl(0, 0%, 93%)",
+      "darkmode-value": "hsl(0, 0%, 19%)"
+    },
+    "--t-fill-color-button-neutral-solid-hover": {
+      "type": "color",
+      "value": "hsl(0, 0%, 88%)",
+      "darkmode-value": "hsl(0, 0%, 24%)"
+    },
+    "--t-fill-color-button-neutral-solid-active": {
+      "type": "color",
+      "value": "hsl(0, 0%, 81%)",
+      "darkmode-value": "hsl(0, 0%, 32%)"
+    },
+    "--t-fill-color-button-neutral-solid-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 95%)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
+    },
+    "--t-fill-color-button-neutral-outline": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0)",
+      "darkmode-value": "hsl(0, 0%, 15%)"
+    },
+    "--t-fill-color-button-neutral-outline-hover": {
+      "type": "color",
+      "value": "hsl(0, 0%, 95%)",
+      "darkmode-value": "hsl(0, 0%, 17%)"
+    },
+    "--t-fill-color-button-neutral-outline-active": {
+      "type": "color",
+      "value": "hsl(0, 0%, 93%)",
+      "darkmode-value": "hsl(0, 0%, 19%)"
+    },
+    "--t-fill-color-button-neutral-outline-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 98%)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
+    },
+    "--t-fill-color-button-neutral-ghost": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0)"
+    },
+    "--t-fill-color-button-neutral-ghost-hover": {
+      "type": "color",
+      "value": "hsl(0, 0%, 95%)",
+      "darkmode-value": "hsl(0, 0%, 17%)"
+    },
+    "--t-fill-color-button-neutral-ghost-active": {
+      "type": "color",
+      "value": "hsl(0, 0%, 93%)",
+      "darkmode-value": "hsl(0, 0%, 19%)"
+    },
+    "--t-fill-color-button-neutral-ghost-disabled": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0)"
+    },
+    "--t-fill-color-button-neutral-responsive-header": {
+      "type": "color",
+      "value": "var(--t-fill-color-transparency-dark-010)"
+    },
+    "--t-fill-color-button-neutral-responsive-header-hover": {
+      "type": "color",
+      "value": "var(--t-fill-color-transparency-dark-020)"
+    },
+    "--t-fill-color-button-neutral-responsive-header-active": {
+      "type": "color",
+      "value": "var(--t-fill-color-transparency-dark-030)"
+    },
+    "--t-fill-color-button-neutral-responsive-header-disabled": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.05)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.05)"
+    },
+    "--t-fill-color-button-interaction-solid": {
+      "type": "color",
+      "value": "hsl(204, 100%, 40%)",
+      "darkmode-value": "hsl(204, 100%, 35%)"
+    },
+    "--t-fill-color-button-interaction-solid-hover": {
+      "type": "color",
+      "value": "hsl(204, 100%, 35%)",
+      "darkmode-value": "hsl(204, 100%, 40%)"
+    },
+    "--t-fill-color-button-interaction-solid-active": {
+      "type": "color",
+      "value": "hsl(204, 100%, 30%)",
+      "darkmode-value": "hsl(204, 80%, 45%)"
+    },
+    "--t-fill-color-button-interaction-solid-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 95%)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
+    },
+    "--t-fill-color-button-interaction-outline": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0)",
+      "darkmode-value": "hsl(204, 32%, 15%)"
+    },
+    "--t-fill-color-button-interaction-outline-hover": {
+      "type": "color",
+      "value": "hsl(204, 100%, 97%)",
+      "darkmode-value": "hsl(204, 39%, 17%)"
+    },
+    "--t-fill-color-button-interaction-outline-active": {
+      "type": "color",
+      "value": "hsl(203, 94%, 94%)",
+      "darkmode-value": "hsl(205, 45%, 18%)"
+    },
+    "--t-fill-color-button-interaction-outline-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 98%)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
+    },
+    "--t-fill-color-button-interaction-ghost": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0)"
+    },
+    "--t-fill-color-button-interaction-ghost-hover": {
+      "type": "color",
+      "value": "hsl(204, 100%, 97%)",
+      "darkmode-value": "hsl(204, 32%, 15%)"
+    },
+    "--t-fill-color-button-interaction-ghost-active": {
+      "type": "color",
+      "value": "hsl(203, 94%, 94%)",
+      "darkmode-value": "hsl(204, 39%, 17%)"
+    },
+    "--t-fill-color-button-interaction-ghost-disabled": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0)"
+    },
+    "--t-fill-color-button-delete-solid": {
+      "type": "color",
+      "value": "hsl(8, 60%, 47%)",
+      "darkmode-value": "hsl(8, 60%, 40%)"
+    },
+    "--t-fill-color-button-delete-solid-hover": {
+      "type": "color",
+      "value": "hsl(8, 60%, 45%)"
+    },
+    "--t-fill-color-button-delete-solid-active": {
+      "type": "color",
+      "value": "hsl(8, 60%, 40%)",
+      "darkmode-value": "hsl(8, 60%, 47%)"
+    },
+    "--t-fill-color-button-delete-solid-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 95%)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
+    },
+    "--t-fill-color-button-delete-outline": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0)",
+      "darkmode-value": "hsl(8, 20%, 16%)"
+    },
+    "--t-fill-color-button-delete-outline-hover": {
+      "type": "color",
+      "value": "hsl(7, 60%, 97%)",
+      "darkmode-value": "hsl(9, 24%, 17%)"
+    },
+    "--t-fill-color-button-delete-outline-active": {
+      "type": "color",
+      "value": "hsl(9, 59%, 93%)",
+      "darkmode-value": "hsl(9, 29%, 19%)"
+    },
+    "--t-fill-color-button-delete-outline-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 98%)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
+    },
+    "--t-fill-color-button-delete-ghost": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0)"
+    },
+    "--t-fill-color-button-delete-ghost-hover": {
+      "type": "color",
+      "value": "hsl(7, 60%, 97%)",
+      "darkmode-value": "hsl(8, 20%, 16%)"
+    },
+    "--t-fill-color-button-delete-ghost-active": {
+      "type": "color",
+      "value": "hsl(9, 59%, 93%)",
+      "darkmode-value": "hsl(9, 24%, 17%)"
+    },
+    "--t-fill-color-button-delete-ghost-disabled": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0)"
+    },
+    "--t-fill-color-button-pill": {
+      "type": "color",
+      "value": "hsl(0, 0%, 93%)",
+      "darkmode-value": "hsl(0, 0%, 18%)"
+    },
+    "--t-fill-color-button-pill-hover": {
+      "type": "color",
+      "value": "hsl(0, 0%, 88%)",
+      "darkmode-value": "hsl(0, 0%, 21%)"
+    },
+    "--t-fill-color-button-pill-active": {
+      "type": "color",
+      "value": "hsl(0, 0%, 88%)",
+      "darkmode-value": "hsl(0, 0%, 21%)"
+    },
+    "--t-fill-color-button-pill-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 93%)",
+      "darkmode-value": "hsl(0, 0%, 18%)"
+    },
+    "--t-fill-color-transparency-light-010": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0.1)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0.1)"
+    },
+    "--t-fill-color-transparency-light-020": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0.2)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0.2)"
+    },
+    "--t-fill-color-transparency-light-030": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0.3)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0.3)"
+    },
+    "--t-fill-color-transparency-light-040": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0.4)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0.4)"
+    },
+    "--t-fill-color-transparency-light-050": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0.5)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0.5)"
+    },
+    "--t-fill-color-transparency-light-060": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0.6)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0.6)"
+    },
+    "--t-fill-color-transparency-light-070": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0.7)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0.7)"
+    },
+    "--t-fill-color-transparency-light-080": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0.8)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0.8)"
+    },
+    "--t-fill-color-transparency-light-090": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0.9)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0.9)"
+    },
+    "--t-fill-color-transparency-dark-010": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.1)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.1)"
+    },
+    "--t-fill-color-transparency-dark-020": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.2)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.2)"
+    },
+    "--t-fill-color-transparency-dark-030": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.3)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.3)"
+    },
+    "--t-fill-color-transparency-dark-040": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.4)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.4)"
+    },
+    "--t-fill-color-transparency-dark-050": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.5)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.5)"
+    },
+    "--t-fill-color-transparency-dark-060": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.6)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.6)"
+    },
+    "--t-fill-color-transparency-dark-070": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.7)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.7)"
+    },
+    "--t-fill-color-transparency-dark-080": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.8)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.8)"
+    },
+    "--t-fill-color-transparency-dark-090": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.9)",
+      "darkmode-value": "hsla(0, 0%, 100%, 0.9)"
+    },
+    "--t-fill-color-transparency-dark-static-010": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.1)"
+    },
+    "--t-fill-color-transparency-dark-static-020": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.2)"
+    },
+    "--t-fill-color-transparency-dark-static-030": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.3)"
+    },
+    "--t-fill-color-transparency-dark-static-040": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.4)"
+    },
+    "--t-fill-color-transparency-dark-static-050": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.5)"
+    },
+    "--t-fill-color-transparency-dark-static-060": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.6)"
+    },
+    "--t-fill-color-transparency-dark-static-070": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.7)"
+    },
+    "--t-fill-color-transparency-dark-static-080": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.8)"
+    },
+    "--t-fill-color-transparency-dark-static-090": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.9)"
+    },
+    "--t-surface-color-card": {
+      "type": "color",
+      "value": "var(--t-fill-color-neutral-100)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
+    },
+    "--t-surface-color-canvas": {
+      "type": "color",
+      "value": "var(--t-fill-color-neutral-100)",
+      "darkmode-value": "hsl(0, 0%, 10%)"
+    },
+    "--t-border-color": {
+      "type": "color",
+      "value": "hsl(0, 0%, 88%)",
+      "darkmode-value": "hsl(0, 0%, 21%)"
+    },
+    "--t-border-color-dark": {
+      "type": "color",
+      "value": "hsl(0, 0%, 81%)",
+      "darkmode-value": "hsl(0, 0%, 25%)"
+    },
+    "--t-border-color-darker": {
+      "type": "color",
+      "value": "hsl(0, 0%, 68%)",
+      "darkmode-value": "hsl(0, 0%, 33%)"
+    },
+    "--t-border-color-darkest": {
+      "type": "color",
+      "value": "hsl(0, 0%, 58%)",
+      "darkmode-value": "hsl(0, 0%, 38%)"
+    },
+    "--t-border-color-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 88%)",
+      "darkmode-value": "hsl(0, 0%, 21%)"
+    },
+    "--t-border-color-dim": {
+      "type": "color",
+      "value": "hsl(0, 0%, 95%)",
+      "darkmode-value": "hsl(0, 0%, 16%)"
+    },
+    "--t-border-color-white": {
+      "type": "color",
+      "value": "hsl(0, 0%, 100%)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
+    },
+    "--t-border-color-status-neutral": {
+      "type": "color",
+      "value": "hsl(0, 0%, 58%)",
+      "darkmode-value": "hsl(0, 0%, 38%)"
+    },
+    "--t-border-color-status-info": {
+      "type": "color",
+      "value": "hsl(204, 100%, 40%)",
+      "darkmode-value": "hsl(204, 100%, 35%)"
+    },
+    "--t-border-color-status-success": {
+      "type": "color",
+      "value": "hsl(97, 57%, 40%)"
+    },
+    "--t-border-color-status-warning": {
+      "type": "color",
+      "value": "hsl(42, 84%, 63%)"
+    },
+    "--t-border-color-status-error": {
+      "type": "color",
+      "value": "hsl(8, 60%, 47%)"
+    },
+    "--t-border-color-button-neutral": {
+      "type": "color",
+      "value": "hsl(0, 0%, 88%)",
+      "darkmode-value": "hsl(0, 0%, 19%)"
+    },
+    "--t-border-color-button-info": {
+      "type": "color",
+      "value": "hsl(204, 100%, 40%)",
+      "darkmode-value": "hsla(204, 100%, 40%, 0.25)"
+    },
+    "--t-border-color-button-create": {
+      "type": "color",
+      "value": "hsl(96, 57%, 33%)",
+      "darkmode-value": "hsla(96, 57%, 33%, 0.25)"
+    },
+    "--t-border-color-button-delete": {
+      "type": "color",
+      "value": "hsl(8, 60%, 47%)",
+      "darkmode-value": "hsla(8, 60%, 47%, 0.25)"
+    },
+    "--t-border-color-control-neutral": {
+      "type": "color",
+      "value": "hsl(0, 0%, 68%)",
+      "darkmode-value": "hsl(0, 0%, 33%)"
+    },
+    "--t-border-color-control-info": {
+      "type": "color",
+      "value": "hsl(204, 100%, 40%)",
+      "darkmode-value": "hsl(204, 100%, 35%)"
+    },
+    "--t-border-color-control-success": {
+      "type": "color",
+      "value": "hsl(97, 57%, 40%)"
+    },
+    "--t-border-color-control-warning": {
+      "type": "color",
+      "value": "hsl(42, 84%, 63%)"
+    },
+    "--t-border-color-control-error": {
+      "type": "color",
+      "value": "hsl(8, 60%, 47%)"
+    },
+    "--t-border-color-control-disabled": {
+      "type": "color",
+      "value": "hsl(0, 0%, 81%)",
+      "darkmode-value": "hsl(0, 0%, 24%)"
+    },
+    "--t-shadow-overflow-color": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0.07)",
+      "darkmode-value": "hsla(0, 0%, 0%, 0.6)"
+    }
+  },
+  "semantic": {
+    "--t-form-font-color": {
+      "type": "color",
+      "value": "var(--t-text-color)"
+    },
+    "--t-form-background-color": {
+      "type": "color",
+      "value": "var(--t-fill-color-neutral-100)"
+    },
+    "--t-form-border-width": {
+      "type": "dimension",
+      "value": "var(--t-border-width)"
+    },
+    "--t-form-border-color": {
+      "type": "color",
+      "value": "var(--t-border-color)"
+    },
+    "--t-form-border-radius": {
+      "type": "dimension",
+      "value": "var(--t-border-radius-md)"
+    },
+    "--t-form-border-color-hover": {
+      "type": "color",
+      "value": "var(--t-border-color-dark)"
+    },
+    "--t-form-border-color-focus": {
+      "type": "color",
+      "value": "var(--t-fill-color-interaction)"
+    },
+    "--t-form-placeholder-color": {
+      "type": "color",
+      "value": "var(--t-text-color-placeholder)"
+    },
+    "--t-form-picker-icon-color": {
+      "type": "color",
+      "value": "var(--t-icon-color)"
+    },
+    "--t-form-font-color-disabled": {
+      "type": "color",
+      "value": "var(--t-text-color-disabled)"
+    },
+    "--t-form-background-color-disabled": {
+      "type": "color",
+      "value": "var(--t-fill-color-neutral-070)"
+    },
+    "--t-form-border-color-disabled": {
+      "type": "color",
+      "value": "var(--t-border-color)"
+    },
+    "--t-form-font-color-readonly": {
+      "type": "color",
+      "value": "var(--t-text-color)"
+    },
+    "--t-form-background-color-readonly": {
+      "type": "color",
+      "value": "var(--t-fill-color-neutral-070)"
+    },
+    "--t-form-border-color-readonly": {
+      "type": "color",
+      "value": "hsla(0, 0%, 100%, 0)"
+    },
+    "--t-form-font-color-error": {
+      "type": "color",
+      "value": "var(--t-text-color-status-error)"
+    },
+    "--t-form-background-color-error": {
+      "type": "color",
+      "value": "var(--t-fill-color-neutral-100)"
+    },
+    "--t-form-border-color-error": {
+      "type": "color",
+      "value": "var(--t-border-color-status-error)"
+    }
+  },
+  "typography": {
+    "--t-font-sans-serif": {
+      "type": "fontFamily",
+      "value": [
+        "ui-sans-serif",
+        "system-ui",
+        "sans-serif",
+        "Apple Color Emoji",
+        "Segoe UI Emoji",
+        "Segoe UI Symbol",
+        "Noto Color Emoji"
+      ]
+    },
+    "--t-font-monospace": {
+      "type": "fontFamily",
+      "value": [
+        "ui-monospace",
+        "SFMono-Regular",
+        "Menlo",
+        "Monaco",
+        "Consolas",
+        "Liberation Mono",
+        "Courier New",
+        "monospace"
+      ]
+    }
+  },
+  "banner": {
+    "--t-banner-font-size": {
+      "type": "number",
+      "value": "var(--t-font-size-md)"
+    },
+    "--t-banner-font-color": {
+      "type": "color",
+      "value": "var(--t-text-color)"
+    },
+    "--t-banner-background-color": {
+      "type": "color",
+      "value": "var(--t-fill-color-status-neutral-ghost)"
+    },
+    "--t-banner-spacing": {
+      "type": "number",
+      "value": "var(--t-spacing-2)"
+    },
+    "--t-banner-border-radius": {
+      "type": "number",
+      "value": "var(--t-border-radius-md)"
+    },
+    "--t-banner-title-font-color": {
+      "type": "color",
+      "value": "var(--t-text-color-headline)"
+    },
+    "--t-banner-title-font-size": {
+      "type": "number",
+      "value": "var(--t-font-size-md)"
+    },
+    "--t-banner-title-font-weight": {
+      "type": "number",
+      "value": "var(--t-font-weight-semibold)"
+    },
+    "--t-banner-icon-fill-color": {
+      "type": "color",
+      "value": "hsla(0, 0%, 0%, 0)"
+    },
+    "--t-banner-background-color-info": {
+      "type": "color",
+      "value": "var(--t-fill-color-status-info-ghost)"
+    },
+    "--t-banner-icon-fill-color-info": {
+      "type": "color",
+      "value": "var(--t-icon-color-status-info)"
+    },
+    "--t-banner-background-color-warning": {
+      "type": "color",
+      "value": "var(--t-fill-color-status-warning-ghost)"
+    },
+    "--t-banner-icon-fill-color-warning": {
+      "type": "color",
+      "value": "var(--t-icon-color-status-warning)"
+    },
+    "--t-banner-background-color-error": {
+      "type": "color",
+      "value": "var(--t-fill-color-status-error-ghost)"
+    },
+    "--t-banner-icon-fill-color-error": {
+      "type": "color",
+      "value": "var(--t-icon-color-status-error)"
+    },
+    "--t-banner-background-color-success": {
+      "type": "color",
+      "value": "var(--t-fill-color-status-success-ghost)"
+    },
+    "--t-banner-icon-fill-color-success": {
+      "type": "color",
+      "value": "var(--t-icon-color-status-success)"
+    },
+    "--t-banner-link-font-color-hover": {
+      "type": "color",
+      "value": "var(--t-text-color-headline)"
+    }
+  }
+}