@nac3/forge-cli 1.0.52 → 1.0.53

package/yujin-design-system/tokens/yujin-tokens.json

@@ -0,0 +1,1170 @@
+{
+  "$schema": "https://design-tokens.github.io/community-group/format/",
+  "$description": "Yujin Design System tokens, generated from rpaforce-crm yujin-design-tokens.css",
+  "yujin": {
+    "name": {
+      "$value": "\"Yujin\"",
+      "$type": "string"
+    },
+    "kanji": {
+      "$value": "\"友人\"",
+      "$type": "string"
+    }
+  },
+  "color": {
+    "indigo": {
+      "50": {
+        "$value": "#ECEFFE",
+        "$type": "color"
+      },
+      "100": {
+        "$value": "#C8CDFA",
+        "$type": "color"
+      },
+      "200": {
+        "$value": "#A0A8F5",
+        "$type": "color"
+      },
+      "400": {
+        "$value": "#5A66E8",
+        "$type": "color"
+      },
+      "600": {
+        "$value": "#2D3A8C",
+        "$type": "color"
+      },
+      "800": {
+        "$value": "#1A2260",
+        "$type": "color"
+      },
+      "900": {
+        "$value": "#0D1235",
+        "$type": "color"
+      }
+    },
+    "teal": {
+      "50": {
+        "$value": "#E2F5F3",
+        "$type": "color"
+      },
+      "100": {
+        "$value": "#AADFD9",
+        "$type": "color"
+      },
+      "200": {
+        "$value": "#6EC8C0",
+        "$type": "color"
+      },
+      "400": {
+        "$value": "#1D9E94",
+        "$type": "color"
+      },
+      "600": {
+        "$value": "#0F6E66",
+        "$type": "color"
+      },
+      "800": {
+        "$value": "#074F49",
+        "$type": "color"
+      },
+      "900": {
+        "$value": "#03302C",
+        "$type": "color"
+      }
+    },
+    "amber": {
+      "50": {
+        "$value": "#FDF4E3",
+        "$type": "color"
+      },
+      "100": {
+        "$value": "#FAE0A8",
+        "$type": "color"
+      },
+      "200": {
+        "$value": "#F5C86A",
+        "$type": "color"
+      },
+      "400": {
+        "$value": "#D4950A",
+        "$type": "color"
+      },
+      "600": {
+        "$value": "#9B6A05",
+        "$type": "color"
+      },
+      "800": {
+        "$value": "#6B4803",
+        "$type": "color"
+      },
+      "900": {
+        "$value": "#3D2801",
+        "$type": "color"
+      }
+    },
+    "coral": {
+      "50": {
+        "$value": "#FCEEE9",
+        "$type": "color"
+      },
+      "100": {
+        "$value": "#F7C9BB",
+        "$type": "color"
+      },
+      "200": {
+        "$value": "#F09F8A",
+        "$type": "color"
+      },
+      "400": {
+        "$value": "#D45840",
+        "$type": "color"
+      },
+      "600": {
+        "$value": "#943020",
+        "$type": "color"
+      },
+      "800": {
+        "$value": "#6A1F13",
+        "$type": "color"
+      },
+      "900": {
+        "$value": "#3D0E08",
+        "$type": "color"
+      }
+    },
+    "warm": {
+      "0": {
+        "$value": "#FFFFFF",
+        "$type": "color"
+      },
+      "50": {
+        "$value": "#F8F7F4",
+        "$type": "color"
+      },
+      "100": {
+        "$value": "#F2F0EC",
+        "$type": "color"
+      },
+      "150": {
+        "$value": "#EAE8E2",
+        "$type": "color"
+      },
+      "200": {
+        "$value": "#DEDAD2",
+        "$type": "color"
+      },
+      "300": {
+        "$value": "#C8C5BB",
+        "$type": "color"
+      },
+      "400": {
+        "$value": "#A8A49A",
+        "$type": "color"
+      },
+      "500": {
+        "$value": "#888480",
+        "$type": "color"
+      },
+      "600": {
+        "$value": "#615E58",
+        "$type": "color"
+      },
+      "700": {
+        "$value": "#3E3B36",
+        "$type": "color"
+      },
+      "800": {
+        "$value": "#2C2927",
+        "$type": "color"
+      },
+      "900": {
+        "$value": "#1A1815",
+        "$type": "color"
+      }
+    },
+    "ink": {
+      "$value": "#1A1815",
+      "$type": "color"
+    },
+    "bg": {
+      "page": {
+        "$value": "var(--color-warm-50)",
+        "$type": "color"
+      },
+      "surface": {
+        "$value": "var(--color-warm-0)",
+        "$type": "color"
+      },
+      "subtle": {
+        "$value": "var(--color-warm-100)",
+        "$type": "color"
+      },
+      "muted": {
+        "$value": "var(--color-warm-150)",
+        "$type": "color"
+      },
+      "app": {
+        "$value": "#15140F",
+        "$type": "color"
+      }
+    },
+    "border": {
+      "subtle": {
+        "$value": "var(--color-warm-150)",
+        "$type": "color"
+      },
+      "default": {
+        "$value": "var(--color-warm-200)",
+        "$type": "color"
+      },
+      "strong": {
+        "$value": "var(--color-warm-300)",
+        "$type": "color"
+      }
+    },
+    "text": {
+      "primary": {
+        "$value": "var(--color-warm-800)",
+        "$type": "color"
+      },
+      "secondary": {
+        "$value": "var(--color-warm-600)",
+        "$type": "color"
+      },
+      "tertiary": {
+        "$value": "var(--color-warm-500)",
+        "$type": "color"
+      },
+      "disabled": {
+        "$value": "var(--color-warm-400)",
+        "$type": "color"
+      },
+      "inverse": {
+        "$value": "var(--color-warm-0)",
+        "$type": "color"
+      }
+    },
+    "accent": {
+      "hover": {
+        "$value": "var(--color-indigo-800)",
+        "$type": "color"
+      },
+      "light": {
+        "$value": "var(--color-indigo-50)",
+        "$type": "color"
+      },
+      "text": {
+        "$value": "var(--color-indigo-600)",
+        "$type": "color"
+      }
+    },
+    "success": {
+      "light": {
+        "$value": "var(--color-teal-50)",
+        "$type": "color"
+      },
+      "text": {
+        "$value": "var(--color-teal-800)",
+        "$type": "color"
+      }
+    },
+    "warning": {
+      "light": {
+        "$value": "var(--color-amber-50)",
+        "$type": "color"
+      },
+      "text": {
+        "$value": "var(--color-amber-800)",
+        "$type": "color"
+      }
+    },
+    "danger": {
+      "light": {
+        "$value": "var(--color-coral-50)",
+        "$type": "color"
+      },
+      "text": {
+        "$value": "var(--color-coral-800)",
+        "$type": "color"
+      }
+    },
+    "rose": {
+      "50": {
+        "$value": "#2A1419",
+        "$type": "color"
+      },
+      "200": {
+        "$value": "#4A1F2A",
+        "$type": "color"
+      }
+    },
+    "violet": {
+      "50": {
+        "$value": "#251A35",
+        "$type": "color"
+      },
+      "200": {
+        "$value": "#3A285A",
+        "$type": "color"
+      }
+    }
+  },
+  "module": {
+    "contacts": {
+      "bg": {
+        "$value": "var(--color-indigo-50)",
+        "$type": "color"
+      },
+      "border": {
+        "$value": "var(--color-indigo-200)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-indigo-600)",
+        "$type": "color"
+      },
+      "text": {
+        "$value": "var(--color-indigo-800)",
+        "$type": "color"
+      }
+    },
+    "companies": {
+      "bg": {
+        "$value": "#EEF2FF",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "#3730A3",
+        "$type": "color"
+      }
+    },
+    "suppliers": {
+      "bg": {
+        "$value": "var(--color-amber-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-amber-600)",
+        "$type": "color"
+      }
+    },
+    "advisors": {
+      "bg": {
+        "$value": "var(--color-teal-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-teal-600)",
+        "$type": "color"
+      }
+    },
+    "inventory": {
+      "bg": {
+        "$value": "#FFF7ED",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "#C2610C",
+        "$type": "color"
+      }
+    },
+    "docs": {
+      "bg": {
+        "$value": "var(--color-warm-100)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-warm-600)",
+        "$type": "color"
+      }
+    },
+    "pipeline": {
+      "bg": {
+        "$value": "var(--color-indigo-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-indigo-600)",
+        "$type": "color"
+      }
+    },
+    "tickets": {
+      "bg": {
+        "$value": "var(--color-coral-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-coral-600)",
+        "$type": "color"
+      }
+    },
+    "payments": {
+      "bg": {
+        "$value": "var(--color-teal-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-teal-600)",
+        "$type": "color"
+      }
+    },
+    "signatures": {
+      "bg": {
+        "$value": "#F0FDF4",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "#15803D",
+        "$type": "color"
+      }
+    },
+    "rates": {
+      "bg": {
+        "$value": "var(--color-amber-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-amber-600)",
+        "$type": "color"
+      }
+    },
+    "users": {
+      "bg": {
+        "$value": "var(--color-indigo-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-indigo-600)",
+        "$type": "color"
+      }
+    },
+    "ai": {
+      "bg": {
+        "$value": "#F5F3FF",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "#6D28D9",
+        "$type": "color"
+      }
+    },
+    "tasks": {
+      "bg": {
+        "$value": "var(--color-warm-100)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-warm-700)",
+        "$type": "color"
+      }
+    },
+    "stats": {
+      "bg": {
+        "$value": "var(--color-indigo-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-indigo-600)",
+        "$type": "color"
+      }
+    },
+    "kpis": {
+      "bg": {
+        "$value": "var(--color-amber-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-amber-600)",
+        "$type": "color"
+      }
+    },
+    "system": {
+      "bg": {
+        "$value": "var(--color-warm-100)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-warm-600)",
+        "$type": "color"
+      }
+    },
+    "security": {
+      "bg": {
+        "$value": "var(--color-coral-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-coral-600)",
+        "$type": "color"
+      }
+    },
+    "tenants": {
+      "bg": {
+        "$value": "var(--color-teal-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-teal-600)",
+        "$type": "color"
+      }
+    },
+    "custom": {
+      "bg": {
+        "$value": "#FDF4FF",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "#9333EA",
+        "$type": "color"
+      }
+    },
+    "integrations": {
+      "bg": {
+        "$value": "var(--color-indigo-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-indigo-600)",
+        "$type": "color"
+      }
+    },
+    "dashboards": {
+      "bg": {
+        "$value": "var(--color-teal-50)",
+        "$type": "color"
+      },
+      "icon": {
+        "$value": "var(--color-teal-600)",
+        "$type": "color"
+      }
+    },
+    "card": {
+      "icon": {
+        "size": {
+          "$value": "28px",
+          "$type": "dimension"
+        },
+        "bg": {
+          "size": {
+            "$value": "52px",
+            "$type": "dimension"
+          }
+        },
+        "radius": {
+          "$value": "var(--radius-md)",
+          "$type": "other"
+        }
+      }
+    }
+  },
+  "stage": {
+    "lead": {
+      "bg": {
+        "$value": "#EEF2FF",
+        "$type": "color"
+      }
+    },
+    "discovery": {
+      "bg": {
+        "$value": "#F5F3FF",
+        "$type": "color"
+      }
+    },
+    "quote": {
+      "bg": {
+        "$value": "var(--color-amber-50)",
+        "$type": "color"
+      }
+    },
+    "contract": {
+      "bg": {
+        "$value": "var(--color-teal-50)",
+        "$type": "color"
+      }
+    },
+    "won": {
+      "bg": {
+        "$value": "#F0FDF4",
+        "$type": "color"
+      }
+    },
+    "lost": {
+      "bg": {
+        "$value": "var(--color-coral-50)",
+        "$type": "color"
+      }
+    }
+  },
+  "font": {
+    "sans": {
+      "$value": "\"DM Sans\", \"Inter\", system-ui, sans-serif",
+      "$type": "other"
+    },
+    "display": {
+      "$value": "\"DM Sans\", sans-serif",
+      "$type": "other"
+    },
+    "mono": {
+      "$value": "\"JetBrains Mono\", \"Fira Code\", monospace",
+      "$type": "other"
+    },
+    "regular": {
+      "$value": "400",
+      "$type": "other"
+    },
+    "medium": {
+      "$value": "500",
+      "$type": "other"
+    }
+  },
+  "text": {
+    "xs": {
+      "$value": "11px",
+      "$type": "dimension"
+    },
+    "sm": {
+      "$value": "12px",
+      "$type": "dimension"
+    },
+    "base": {
+      "$value": "14px",
+      "$type": "dimension"
+    },
+    "md": {
+      "$value": "15px",
+      "$type": "dimension"
+    },
+    "lg": {
+      "$value": "17px",
+      "$type": "dimension"
+    },
+    "xl": {
+      "$value": "20px",
+      "$type": "dimension"
+    },
+    "2xl": {
+      "$value": "24px",
+      "$type": "dimension"
+    },
+    "3xl": {
+      "$value": "30px",
+      "$type": "dimension"
+    }
+  },
+  "leading": {
+    "tight": {
+      "$value": "1.3",
+      "$type": "other"
+    },
+    "normal": {
+      "$value": "1.6",
+      "$type": "other"
+    },
+    "relaxed": {
+      "$value": "1.75",
+      "$type": "other"
+    }
+  },
+  "tracking": {
+    "tight": {
+      "$value": "-0.01em",
+      "$type": "other"
+    },
+    "normal": {
+      "$value": "0",
+      "$type": "other"
+    },
+    "wide": {
+      "$value": "0.04em",
+      "$type": "dimension"
+    },
+    "wider": {
+      "$value": "0.08em",
+      "$type": "dimension"
+    }
+  },
+  "space": {
+    "1": {
+      "$value": "4px",
+      "$type": "dimension"
+    },
+    "2": {
+      "$value": "8px",
+      "$type": "dimension"
+    },
+    "3": {
+      "$value": "12px",
+      "$type": "dimension"
+    },
+    "4": {
+      "$value": "16px",
+      "$type": "dimension"
+    },
+    "5": {
+      "$value": "20px",
+      "$type": "dimension"
+    },
+    "6": {
+      "$value": "24px",
+      "$type": "dimension"
+    },
+    "8": {
+      "$value": "32px",
+      "$type": "dimension"
+    },
+    "10": {
+      "$value": "40px",
+      "$type": "dimension"
+    },
+    "12": {
+      "$value": "48px",
+      "$type": "dimension"
+    },
+    "16": {
+      "$value": "64px",
+      "$type": "dimension"
+    },
+    "20": {
+      "$value": "80px",
+      "$type": "dimension"
+    }
+  },
+  "border": {
+    "width": {
+      "thin": {
+        "$value": "0.5px",
+        "$type": "dimension"
+      },
+      "default": {
+        "$value": "1px",
+        "$type": "dimension"
+      },
+      "thick": {
+        "$value": "2px",
+        "$type": "dimension"
+      }
+    }
+  },
+  "radius": {
+    "sm": {
+      "$value": "4px",
+      "$type": "dimension"
+    },
+    "md": {
+      "$value": "8px",
+      "$type": "dimension"
+    },
+    "lg": {
+      "$value": "12px",
+      "$type": "dimension"
+    },
+    "xl": {
+      "$value": "16px",
+      "$type": "dimension"
+    },
+    "full": {
+      "$value": "9999px",
+      "$type": "dimension"
+    }
+  },
+  "shadow": {
+    "none": {
+      "$value": "none",
+      "$type": "other"
+    },
+    "sm": {
+      "$value": "0 1px 2px rgba(26, 24, 21, 0.05)",
+      "$type": "shadow"
+    },
+    "md": {
+      "$value": "0 2px 8px rgba(26, 24, 21, 0.08)",
+      "$type": "shadow"
+    },
+    "focus": {
+      "$value": "0 0 0 3px rgba(45, 58, 140, 0.15)",
+      "$type": "shadow"
+    }
+  },
+  "transition": {
+    "fast": {
+      "$value": "100ms ease-out",
+      "$type": "other"
+    },
+    "base": {
+      "$value": "150ms ease-out",
+      "$type": "other"
+    },
+    "slow": {
+      "$value": "200ms ease-out",
+      "$type": "other"
+    }
+  },
+  "sidebar": {
+    "width": {
+      "collapsed": {
+        "$value": "56px",
+        "$type": "dimension"
+      }
+    },
+    "bg": {
+      "$value": "var(--color-bg-surface)",
+      "$type": "color"
+    },
+    "border": {
+      "$value": "var(--border-width-thin) solid var(--color-border-subtle)",
+      "$type": "other"
+    },
+    "item": {
+      "height": {
+        "$value": "36px",
+        "$type": "dimension"
+      },
+      "radius": {
+        "$value": "var(--radius-md)",
+        "$type": "other"
+      },
+      "active": {
+        "bg": {
+          "$value": "var(--color-accent-light)",
+          "$type": "color"
+        },
+        "text": {
+          "$value": "var(--color-accent)",
+          "$type": "color"
+        }
+      }
+    },
+    "section": {
+      "label": {
+        "size": {
+          "$value": "var(--text-xs)",
+          "$type": "other"
+        },
+        "tracking": {
+          "$value": "var(--tracking-wider)",
+          "$type": "other"
+        }
+      }
+    }
+  },
+  "topbar": {
+    "height": {
+      "$value": "52px",
+      "$type": "dimension"
+    }
+  },
+  "content": {
+    "max": {
+      "width": {
+        "$value": "1200px",
+        "$type": "dimension"
+      }
+    },
+    "padding": {
+      "$value": "var(--space-6)",
+      "$type": "other"
+    }
+  },
+  "icon": {
+    "size": {
+      "sm": {
+        "$value": "16px",
+        "$type": "dimension"
+      },
+      "base": {
+        "$value": "20px",
+        "$type": "dimension"
+      },
+      "lg": {
+        "$value": "24px",
+        "$type": "dimension"
+      }
+    },
+    "stroke": {
+      "bold": {
+        "$value": "2",
+        "$type": "other"
+      }
+    }
+  },
+  "kanji": {
+    "font": {
+      "$value": "\"Noto Serif JP\", \"Yu Mincho\", \"游明朝\", serif",
+      "$type": "other"
+    },
+    "size": {
+      "lg": {
+        "$value": "72px",
+        "$type": "dimension"
+      },
+      "md": {
+        "$value": "56px",
+        "$type": "dimension"
+      },
+      "sm": {
+        "$value": "40px",
+        "$type": "dimension"
+      }
+    },
+    "opacity": {
+      "$value": "0.06",
+      "$type": "other"
+    },
+    "weight": {
+      "$value": "700",
+      "$type": "other"
+    }
+  },
+  "card": {
+    "module": {
+      "width": {
+        "$value": "180px",
+        "$type": "dimension"
+      },
+      "min": {
+        "height": {
+          "$value": "140px",
+          "$type": "dimension"
+        }
+      },
+      "padding": {
+        "$value": "var(--space-5)",
+        "$type": "other"
+      },
+      "radius": {
+        "$value": "var(--radius-lg)",
+        "$type": "other"
+      },
+      "border": {
+        "$value": "var(--border-width-thin) solid var(--color-border-subtle)",
+        "$type": "other"
+      },
+      "bg": {
+        "hover": {
+          "$value": "var(--color-warm-50)",
+          "$type": "color"
+        }
+      }
+    },
+    "metric": {
+      "padding": {
+        "$value": "var(--space-4) var(--space-5)",
+        "$type": "other"
+      },
+      "radius": {
+        "$value": "var(--radius-md)",
+        "$type": "other"
+      },
+      "bg": {
+        "$value": "var(--color-bg-subtle)",
+        "$type": "color"
+      }
+    },
+    "entity": {
+      "padding": {
+        "$value": "var(--space-4)",
+        "$type": "other"
+      },
+      "radius": {
+        "$value": "var(--radius-lg)",
+        "$type": "other"
+      },
+      "border": {
+        "$value": "var(--border-width-thin) solid var(--color-border-subtle)",
+        "$type": "other"
+      },
+      "bg": {
+        "$value": "var(--color-bg-surface)",
+        "$type": "color"
+      }
+    }
+  },
+  "badge": {
+    "padding": {
+      "$value": "2px 8px",
+      "$type": "other"
+    },
+    "radius": {
+      "$value": "var(--radius-full)",
+      "$type": "other"
+    },
+    "font": {
+      "size": {
+        "$value": "var(--text-xs)",
+        "$type": "other"
+      },
+      "weight": {
+        "$value": "var(--font-medium)",
+        "$type": "other"
+      }
+    }
+  },
+  "input": {
+    "height": {
+      "$value": "36px",
+      "$type": "dimension"
+    },
+    "padding": {
+      "$value": "0 var(--space-3)",
+      "$type": "other"
+    },
+    "radius": {
+      "$value": "var(--radius-md)",
+      "$type": "other"
+    },
+    "border": {
+      "$value": "var(--border-width-default) solid var(--color-border-default)",
+      "$type": "other"
+    },
+    "bg": {
+      "$value": "var(--color-bg-surface)",
+      "$type": "color"
+    },
+    "focus": {
+      "border": {
+        "$value": "var(--color-accent)",
+        "$type": "color"
+      },
+      "ring": {
+        "$value": "var(--shadow-focus)",
+        "$type": "other"
+      }
+    },
+    "font": {
+      "size": {
+        "$value": "var(--text-base)",
+        "$type": "other"
+      }
+    }
+  },
+  "btn": {
+    "height": {
+      "$value": "36px",
+      "$type": "dimension"
+    },
+    "padding": {
+      "$value": "0 var(--space-4)",
+      "$type": "other"
+    },
+    "radius": {
+      "$value": "var(--radius-md)",
+      "$type": "other"
+    },
+    "font": {
+      "size": {
+        "$value": "var(--text-base)",
+        "$type": "other"
+      },
+      "weight": {
+        "$value": "var(--font-medium)",
+        "$type": "other"
+      }
+    },
+    "transition": {
+      "$value": "var(--transition-base)",
+      "$type": "other"
+    },
+    "primary": {
+      "bg": {
+        "$value": "var(--color-accent)",
+        "$type": "color"
+      },
+      "text": {
+        "$value": "var(--color-text-inverse)",
+        "$type": "color"
+      },
+      "hover": {
+        "$value": "var(--color-accent-hover)",
+        "$type": "color"
+      }
+    },
+    "secondary": {
+      "bg": {
+        "$value": "transparent",
+        "$type": "other"
+      },
+      "text": {
+        "$value": "var(--color-accent)",
+        "$type": "color"
+      },
+      "border": {
+        "$value": "var(--color-accent)",
+        "$type": "color"
+      },
+      "hover": {
+        "bg": {
+          "$value": "var(--color-accent-light)",
+          "$type": "color"
+        }
+      }
+    },
+    "ghost": {
+      "bg": {
+        "$value": "transparent",
+        "$type": "other"
+      },
+      "text": {
+        "$value": "var(--color-text-secondary)",
+        "$type": "color"
+      },
+      "border": {
+        "$value": "var(--color-border-default)",
+        "$type": "color"
+      },
+      "hover": {
+        "bg": {
+          "$value": "var(--color-bg-subtle)",
+          "$type": "color"
+        }
+      }
+    },
+    "danger": {
+      "bg": {
+        "$value": "var(--color-danger)",
+        "$type": "color"
+      },
+      "text": {
+        "$value": "var(--color-text-inverse)",
+        "$type": "color"
+      },
+      "hover": {
+        "$value": "var(--color-coral-800)",
+        "$type": "color"
+      }
+    }
+  },
+  "z": {
+    "base": {
+      "$value": "0",
+      "$type": "other"
+    },
+    "above": {
+      "$value": "1",
+      "$type": "other"
+    },
+    "dropdown": {
+      "$value": "100",
+      "$type": "other"
+    },
+    "sticky": {
+      "$value": "200",
+      "$type": "other"
+    },
+    "modal": {
+      "$value": "300",
+      "$type": "other"
+    },
+    "toast": {
+      "$value": "400",
+      "$type": "other"
+    },
+    "tooltip": {
+      "$value": "500",
+      "$type": "other"
+    }
+  },
+  "ghost": {
+    "$value": "hover {\r\n  background:         var(--color-bg-subtle, rgba(0,0,0,0.05))",
+    "$type": "shadow"
+  }
+}