import { createDesignComponent , CanvasStore } from "framer" ; const canvas = CanvasStore . shared ( ) ; export const colors = Object . freeze ( { /** #FFFFFF */ "paneBg" : "var(--token-c09024f7-9e50-4a71-a347-75d942c31fc1, rgb(255, 255, 255))" , /** #FDFDFD */ "paneBgDark" : "var(--token-9e0626a5-2352-4f3d-a566-b3a1a34194dc, rgb(253, 253, 253))" , /** rgba(0, 0, 0, 0.1) */ "paneBorder" : "var(--token-7caa12b7-f39b-4537-9c92-99aa1b26b588, rgba(0, 0, 0, 0.1))" , /** #56A7CD */ "primary" : "var(--token-e10fc84d-f05a-43b1-a3fc-dcfb01e5bf90, rgb(86, 167, 205))" , /** #7744CC */ "primaryDark" : "var(--token-a8df0a83-9a4d-4a65-8b97-43d425169d4d, rgb(119, 68, 204))" , /** #EEEEFF */ "primaryLight" : "var(--token-2b6bfc32-829f-4814-be3b-60654e21a30e, rgb(238, 238, 255))" , /** #FF4444 */ "danger" : "var(--token-ef2fa636-c420-4df3-b145-72d3e608a159, rgb(255, 68, 68))" , /** #FF3344 */ "dangerDark" : "var(--token-09721c23-f483-439c-b215-c944db4cb740, rgb(255, 51, 68))" , /** #FFDDDD */ "dangerLight" : "var(--token-862a949e-bb2a-4675-a4ad-b7f07dfee5b4, rgb(255, 221, 221))" , /** #222222 */ "body" : "var(--token-1ce8a50f-dd31-4e55-ba15-6c84854d5d0c, rgb(34, 34, 34))" , /** #444444 */ "bodyLight" : "var(--token-ef047df5-f7ea-4b13-9a0c-c74f0fbe895f, rgb(68, 68, 68))" , /** #666666 */ "bodyLighter" : "var(--token-33a42542-13e4-4557-867a-b72815d965c1, rgb(102, 102, 102))" , /** #AAAAAA */ "bodyLightest" : "var(--token-dc87bb81-7419-4d7d-bc84-efea7652bca8, rgb(170, 170, 170))" , } ) ;