gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-24 10:02:26 +03:00
Code Issues Packages Projects Releases Wiki Activity
00b778638a
gitbutler/packages/ui/design-tokens.json
Pavel Laptev ab0c70b673
Package UI updates (#4539) 
* documentation update + design tokens generation

* ts config update

* formatting fix

* update tokens config format

* ignore JS files check

* Storybook version bump

* formatting fix

* dark theme toggle added
2024-07-30 16:45:19 +02:00

4093 lines
86 KiB
JSON
Raw Blame History

{
"clr-core": {
"ntrl": {
"0": {
"$type": "color",
"$value": "#0a0a0a",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:24:9922",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"5": {
"$type": "color",
"$value": "#1a1614",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:37",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"10": {
"$type": "color",
"$value": "#272321",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:36",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"20": {
"$type": "color",
"$value": "#302c2b",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:35",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"30": {
"$type": "color",
"$value": "#4f4b48",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:34",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"40": {
"$type": "color",
"$value": "#67635e",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:33",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"50": {
"$type": "color",
"$value": "#867e79",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:32",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"60": {
"$type": "color",
"$value": "#b4afac",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:31",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"70": {
"$type": "color",
"$value": "#d4d0ce",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:30",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"80": {
"$type": "color",
"$value": "#eae9e8",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:29",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"90": {
"$type": "color",
"$value": "#f3f3f2",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:28",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"95": {
"$type": "color",
"$value": "#f7f7f6",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:27",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"100": {
"$type": "color",
"$value": "#ffffff",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:7:1584",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
}
},
"pop": {
"5": {
"$type": "color",
"$value": "#0e2a29",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:4:685",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"10": {
"$type": "color",
"$value": "#174543",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:4:684",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"20": {
"$type": "color",
"$value": "#1c5451",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:4:683",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"30": {
"$type": "color",
"$value": "#256f6b",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:4:682",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"40": {
"$type": "color",
"$value": "#2a928d",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:4:681",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"50": {
"$type": "color",
"$value": "#48a8a3",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:4:680",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"60": {
"$type": "color",
"$value": "#97cecb",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:4:678",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"70": {
"$type": "color",
"$value": "#c6e7e5",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:4:677",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"80": {
"$type": "color",
"$value": "#daf1f0",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:4:674",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"90": {
"$type": "color",
"$value": "#e9f7f6",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:4:673",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"95": {
"$type": "color",
"$value": "#f4fbfa",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2:39",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
}
},
"err": {
"5": {
"$type": "color",
"$value": "#260d0f",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:79:11017",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"10": {
"$type": "color",
"$value": "#4c1a1f",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1964",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"20": {
"$type": "color",
"$value": "#6b242b",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1963",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"30": {
"$type": "color",
"$value": "#95323c",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1962",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"40": {
"$type": "color",
"$value": "#bd4852",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1961",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"50": {
"$type": "color",
"$value": "#dc606b",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1960",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"60": {
"$type": "color",
"$value": "#edb0ba",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1959",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"70": {
"$type": "color",
"$value": "#f7d9dc",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1958",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"80": {
"$type": "color",
"$value": "#fbe5e7",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1957",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"90": {
"$type": "color",
"$value": "#fdf1f4",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1956",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"95": {
"$type": "color",
"$value": "#fffafc",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:79:11018",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
}
},
"warn": {
"5": {
"$type": "color",
"$value": "#261c0d",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:79:11019",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"10": {
"$type": "color",
"$value": "#432d0f",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1992",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"20": {
"$type": "color",
"$value": "#604116",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1991",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"30": {
"$type": "color",
"$value": "#8a5914",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1990",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"40": {
"$type": "color",
"$value": "#c77f1a",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1989",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"50": {
"$type": "color",
"$value": "#dc9b14",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1988",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"60": {
"$type": "color",
"$value": "#f4bb6c",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1987",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"70": {
"$type": "color",
"$value": "#feddae",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1986",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"80": {
"$type": "color",
"$value": "#ffe8c7",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1985",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"90": {
"$type": "color",
"$value": "#fff2e0",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:1984",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"95": {
"$type": "color",
"$value": "#fdf7ed",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:79:11020",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
}
},
"succ": {
"5": {
"$type": "color",
"$value": "#0d261a",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:79:11021",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"10": {
"$type": "color",
"$value": "#1c402f",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:2020",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"20": {
"$type": "color",
"$value": "#22533c",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:2019",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"30": {
"$type": "color",
"$value": "#2a7e57",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:2018",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"40": {
"$type": "color",
"$value": "#469b73",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:2017",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"50": {
"$type": "color",
"$value": "#4eb182",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:2016",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"60": {
"$type": "color",
"$value": "#a1ceb9",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:2015",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"70": {
"$type": "color",
"$value": "#cae8da",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:2014",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"80": {
"$type": "color",
"$value": "#d6f0e4",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:2013",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"90": {
"$type": "color",
"$value": "#e8f7f0",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:9:2012",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"95": {
"$type": "color",
"$value": "#f6fcfb",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:79:11022",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
}
},
"purp": {
"5": {
"$type": "color",
"$value": "#281d44",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2696:25270",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"10": {
"$type": "color",
"$value": "#3f2c68",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2696:25269",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"20": {
"$type": "color",
"$value": "#4b3479",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2696:25268",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"30": {
"$type": "color",
"$value": "#5e429a",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2696:25267",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"40": {
"$type": "color",
"$value": "#7657b7",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2696:25266",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"50": {
"$type": "color",
"$value": "#9978dd",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2696:25265",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"60": {
"$type": "color",
"$value": "#c2acf1",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2696:25264",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"70": {
"$type": "color",
"$value": "#dfd3f8",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2696:25263",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"80": {
"$type": "color",
"$value": "#e9e0fa",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2696:25262",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"90": {
"$type": "color",
"$value": "#f2edfc",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2696:25261",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
},
"95": {
"$type": "color",
"$value": "#f9f6fd",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2696:25260",
"collection": {
"id": "VariableCollectionId:2:26",
"name": "clr-core",
"defaultModeId": "2:0"
}
}
}
}
}
},
"clr": {
"bg": {
"1": {
"$type": "color",
"$value": "{clr-core.ntrl.100}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.100}",
"dark": "{clr-core.ntrl.10}"
},
"figma": {
"variableId": "VariableID:8:1869",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"2": {
"$type": "color",
"$value": "{clr-core.ntrl.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.90}",
"dark": "{clr-core.ntrl.5}"
},
"figma": {
"variableId": "VariableID:15:2092",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"3": {
"$type": "color",
"$value": "{clr-core.ntrl.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.80}",
"dark": "{clr-core.ntrl.0}"
},
"figma": {
"variableId": "VariableID:3323:6808",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"1-muted": {
"$type": "color",
"$value": "{clr-core.ntrl.95}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.95}",
"dark": "{clr-core.ntrl.20}"
},
"figma": {
"variableId": "VariableID:3382:22886",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"2-muted": {
"$type": "color",
"$value": "{clr-core.ntrl.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.80}",
"dark": "{clr-core.ntrl.10}"
},
"figma": {
"variableId": "VariableID:3382:22972",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"3-muted": {
"$type": "color",
"$value": "{clr-core.ntrl.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.70}",
"dark": "{clr-core.ntrl.5}"
},
"figma": {
"variableId": "VariableID:3382:22973",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"theme": {
"pop": {
"element": {
"$type": "color",
"$value": "{clr-core.pop.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.50}",
"dark": "{clr-core.pop.40}"
},
"figma": {
"variableId": "VariableID:8:1874",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-element": {
"$type": "color",
"$value": "{clr-core.ntrl.100}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.100}",
"dark": "{clr-core.ntrl.100}"
},
"figma": {
"variableId": "VariableID:8:1875",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"bg": {
"$type": "color",
"$value": "{clr-core.pop.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.90}",
"dark": "{clr-core.pop.10}"
},
"figma": {
"variableId": "VariableID:8:1876",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-soft": {
"$type": "color",
"$value": "{clr-core.pop.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.20}",
"dark": "{clr-core.pop.90}"
},
"figma": {
"variableId": "VariableID:8:1877",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft": {
"$type": "color",
"$value": "{clr-core.pop.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.80}",
"dark": "{clr-core.pop.10}"
},
"figma": {
"variableId": "VariableID:3324:20927",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"element-hover": {
"$type": "color",
"$value": "{clr-core.pop.40}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.40}",
"dark": "{clr-core.pop.30}"
},
"figma": {
"variableId": "VariableID:3521:13885",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft-hover": {
"$type": "color",
"$value": "{clr-core.pop.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.70}",
"dark": "{clr-core.pop.20}"
},
"figma": {
"variableId": "VariableID:3521:14391",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"err": {
"element": {
"$type": "color",
"$value": "{clr-core.err.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.50}",
"dark": "{clr-core.err.40}"
},
"figma": {
"variableId": "VariableID:8:1888",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-element": {
"$type": "color",
"$value": "{clr-core.err.95}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.95}",
"dark": "{clr-core.err.95}"
},
"figma": {
"variableId": "VariableID:8:1889",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"bg": {
"$type": "color",
"$value": "{clr-core.err.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.90}",
"dark": "{clr-core.err.10}"
},
"figma": {
"variableId": "VariableID:8:1890",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-soft": {
"$type": "color",
"$value": "{clr-core.err.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.20}",
"dark": "{clr-core.err.90}"
},
"figma": {
"variableId": "VariableID:8:1891",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft": {
"$type": "color",
"$value": "{clr-core.err.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.80}",
"dark": "{clr-core.err.20}"
},
"figma": {
"variableId": "VariableID:3324:20973",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft-hover": {
"$type": "color",
"$value": "{clr-core.err.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.70}",
"dark": "{clr-core.err.30}"
},
"figma": {
"variableId": "VariableID:3521:14579",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"element-hover": {
"$type": "color",
"$value": "{clr-core.err.40}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.40}",
"dark": "{clr-core.err.30}"
},
"figma": {
"variableId": "VariableID:3521:14580",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"warn": {
"element": {
"$type": "color",
"$value": "{clr-core.warn.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.50}",
"dark": "{clr-core.warn.40}"
},
"figma": {
"variableId": "VariableID:8:1900",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-element": {
"$type": "color",
"$value": "{clr-core.warn.95}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.95}",
"dark": "{clr-core.warn.90}"
},
"figma": {
"variableId": "VariableID:8:1901",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"bg": {
"$type": "color",
"$value": "{clr-core.warn.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.90}",
"dark": "{clr-core.warn.10}"
},
"figma": {
"variableId": "VariableID:8:1902",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-soft": {
"$type": "color",
"$value": "{clr-core.warn.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.20}",
"dark": "{clr-core.warn.90}"
},
"figma": {
"variableId": "VariableID:8:1903",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft": {
"$type": "color",
"$value": "{clr-core.warn.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.80}",
"dark": "{clr-core.warn.20}"
},
"figma": {
"variableId": "VariableID:3324:21001",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"element-hover": {
"$type": "color",
"$value": "{clr-core.warn.40}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.40}",
"dark": "{clr-core.warn.30}"
},
"figma": {
"variableId": "VariableID:3521:15497",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft-hover": {
"$type": "color",
"$value": "{clr-core.warn.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.70}",
"dark": "{clr-core.warn.30}"
},
"figma": {
"variableId": "VariableID:3521:15498",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"succ": {
"element": {
"$type": "color",
"$value": "{clr-core.succ.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.50}",
"dark": "{clr-core.succ.40}"
},
"figma": {
"variableId": "VariableID:8:1912",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-element": {
"$type": "color",
"$value": "{clr-core.succ.95}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.95}",
"dark": "{clr-core.succ.90}"
},
"figma": {
"variableId": "VariableID:8:1913",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"bg": {
"$type": "color",
"$value": "{clr-core.succ.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.90}",
"dark": "{clr-core.succ.10}"
},
"figma": {
"variableId": "VariableID:8:1914",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-soft": {
"$type": "color",
"$value": "{clr-core.succ.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.20}",
"dark": "{clr-core.succ.90}"
},
"figma": {
"variableId": "VariableID:8:1915",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft": {
"$type": "color",
"$value": "{clr-core.succ.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.80}",
"dark": "{clr-core.succ.10}"
},
"figma": {
"variableId": "VariableID:3324:21002",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"element-hover": {
"$type": "color",
"$value": "{clr-core.succ.40}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.40}",
"dark": "{clr-core.succ.30}"
},
"figma": {
"variableId": "VariableID:3521:15529",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft-hover": {
"$type": "color",
"$value": "{clr-core.succ.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.70}",
"dark": "{clr-core.succ.20}"
},
"figma": {
"variableId": "VariableID:3521:15530",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"purp": {
"element": {
"$type": "color",
"$value": "{clr-core.purp.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.50}",
"dark": "{clr-core.purp.40}"
},
"figma": {
"variableId": "VariableID:2696:25446",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-element": {
"$type": "color",
"$value": "{clr-core.purp.95}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.95}",
"dark": "{clr-core.purp.90}"
},
"figma": {
"variableId": "VariableID:2696:25449",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"bg": {
"$type": "color",
"$value": "{clr-core.purp.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.90}",
"dark": "{clr-core.purp.10}"
},
"figma": {
"variableId": "VariableID:2696:25450",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-soft": {
"$type": "color",
"$value": "{clr-core.purp.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.20}",
"dark": "{clr-core.purp.90}"
},
"figma": {
"variableId": "VariableID:2696:25452",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft": {
"$type": "color",
"$value": "{clr-core.purp.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.80}",
"dark": "{clr-core.purp.10}"
},
"figma": {
"variableId": "VariableID:3324:21003",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"element-hover": {
"$type": "color",
"$value": "{clr-core.purp.40}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.40}",
"dark": "{clr-core.purp.30}"
},
"figma": {
"variableId": "VariableID:3521:15653",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft-hover": {
"$type": "color",
"$value": "{clr-core.purp.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.70}",
"dark": "{clr-core.purp.20}"
},
"figma": {
"variableId": "VariableID:3521:15654",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"ntrl": {
"element": {
"$type": "color",
"$value": "{clr-core.ntrl.30}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.30}",
"dark": "{clr-core.ntrl.80}"
},
"figma": {
"variableId": "VariableID:3522:15807",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"element-hover": {
"$type": "color",
"$value": "{clr-core.ntrl.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.20}",
"dark": "{clr-core.ntrl.95}"
},
"figma": {
"variableId": "VariableID:3522:15808",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-element": {
"$type": "color",
"$value": "{clr-core.ntrl.100}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.100}",
"dark": "{clr-core.ntrl.0}"
},
"figma": {
"variableId": "VariableID:3522:15809",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft": {
"$type": "color",
"$value": "{clr-core.ntrl.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.90}",
"dark": "{clr-core.ntrl.20}"
},
"figma": {
"variableId": "VariableID:3522:15810",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"soft-hover": {
"$type": "color",
"$value": "{clr-core.ntrl.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.80}",
"dark": "{clr-core.ntrl.30}"
},
"figma": {
"variableId": "VariableID:3522:15811",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"on-soft": {
"$type": "color",
"$value": "{clr.scale.ntrl.0}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr.scale.ntrl.0}",
"dark": "{clr-core.ntrl.90}"
},
"figma": {
"variableId": "VariableID:3522:15812",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
}
},
"border": {
"1": {
"$type": "color",
"$value": "{clr-core.ntrl.60}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.60}",
"dark": "{clr-core.ntrl.40}"
},
"figma": {
"variableId": "VariableID:3338:21407",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"2": {
"$type": "color",
"$value": "{clr-core.ntrl.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.70}",
"dark": "{clr-core.ntrl.30}"
},
"figma": {
"variableId": "VariableID:8:1934",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"3": {
"$type": "color",
"$value": "{clr-core.ntrl.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.80}",
"dark": "{clr-core.ntrl.20}"
},
"figma": {
"variableId": "VariableID:3289:74413",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"scale": {
"ntrl": {
"0": {
"$type": "color",
"$value": "{clr-core.ntrl.0}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.0}",
"dark": "{clr-core.ntrl.100}"
},
"figma": {
"variableId": "VariableID:137:13320",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"5": {
"$type": "color",
"$value": "{clr-core.ntrl.5}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.5}",
"dark": "{clr-core.ntrl.95}"
},
"figma": {
"variableId": "VariableID:2996:13971",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"10": {
"$type": "color",
"$value": "{clr-core.ntrl.10}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.10}",
"dark": "{clr-core.ntrl.90}"
},
"figma": {
"variableId": "VariableID:137:13319",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"20": {
"$type": "color",
"$value": "{clr-core.ntrl.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.20}",
"dark": "{clr-core.ntrl.80}"
},
"figma": {
"variableId": "VariableID:137:13318",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"30": {
"$type": "color",
"$value": "{clr-core.ntrl.30}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.30}",
"dark": "{clr-core.ntrl.70}"
},
"figma": {
"variableId": "VariableID:137:13317",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"40": {
"$type": "color",
"$value": "{clr-core.ntrl.40}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.40}",
"dark": "{clr-core.ntrl.60}"
},
"figma": {
"variableId": "VariableID:137:13316",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"50": {
"$type": "color",
"$value": "{clr-core.ntrl.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.50}",
"dark": "{clr-core.ntrl.50}"
},
"figma": {
"variableId": "VariableID:137:13315",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"60": {
"$type": "color",
"$value": "{clr-core.ntrl.60}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.60}",
"dark": "{clr-core.ntrl.40}"
},
"figma": {
"variableId": "VariableID:137:13314",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"70": {
"$type": "color",
"$value": "{clr-core.ntrl.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.70}",
"dark": "{clr-core.ntrl.30}"
},
"figma": {
"variableId": "VariableID:137:13313",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"80": {
"$type": "color",
"$value": "{clr-core.ntrl.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.80}",
"dark": "{clr-core.ntrl.20}"
},
"figma": {
"variableId": "VariableID:137:13312",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"90": {
"$type": "color",
"$value": "{clr-core.ntrl.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.90}",
"dark": "{clr-core.ntrl.10}"
},
"figma": {
"variableId": "VariableID:137:13311",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"95": {
"$type": "color",
"$value": "{clr-core.ntrl.95}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.95}",
"dark": "{clr-core.ntrl.5}"
},
"figma": {
"variableId": "VariableID:2996:13972",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"100": {
"$type": "color",
"$value": "{clr-core.ntrl.100}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.100}",
"dark": "{clr-core.ntrl.0}"
},
"figma": {
"variableId": "VariableID:137:13310",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"pop": {
"5": {
"$type": "color",
"$value": "{clr-core.pop.5}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.5}",
"dark": "{clr-core.pop.95}"
},
"figma": {
"variableId": "VariableID:2996:13973",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"10": {
"$type": "color",
"$value": "{clr-core.pop.10}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.10}",
"dark": "{clr-core.pop.90}"
},
"figma": {
"variableId": "VariableID:137:13329",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"20": {
"$type": "color",
"$value": "{clr-core.pop.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.20}",
"dark": "{clr-core.pop.80}"
},
"figma": {
"variableId": "VariableID:137:13328",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"30": {
"$type": "color",
"$value": "{clr-core.pop.30}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.30}",
"dark": "{clr-core.pop.70}"
},
"figma": {
"variableId": "VariableID:137:13327",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"40": {
"$type": "color",
"$value": "{clr-core.pop.40}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.40}",
"dark": "{clr-core.pop.60}"
},
"figma": {
"variableId": "VariableID:137:13326",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"50": {
"$type": "color",
"$value": "{clr-core.pop.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.50}",
"dark": "{clr-core.pop.50}"
},
"figma": {
"variableId": "VariableID:137:13325",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"60": {
"$type": "color",
"$value": "{clr-core.pop.60}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.60}",
"dark": "{clr-core.pop.40}"
},
"figma": {
"variableId": "VariableID:137:13324",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"70": {
"$type": "color",
"$value": "{clr-core.pop.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.70}",
"dark": "{clr-core.pop.30}"
},
"figma": {
"variableId": "VariableID:137:13323",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"80": {
"$type": "color",
"$value": "{clr-core.pop.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.80}",
"dark": "{clr-core.pop.20}"
},
"figma": {
"variableId": "VariableID:137:13322",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"90": {
"$type": "color",
"$value": "{clr-core.pop.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.90}",
"dark": "{clr-core.pop.10}"
},
"figma": {
"variableId": "VariableID:137:13321",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"95": {
"$type": "color",
"$value": "{clr-core.pop.95}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.95}",
"dark": "{clr-core.pop.5}"
},
"figma": {
"variableId": "VariableID:2996:13979",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"err": {
"5": {
"$type": "color",
"$value": "{clr-core.err.5}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.5}",
"dark": "{clr-core.err.95}"
},
"figma": {
"variableId": "VariableID:2996:13974",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"10": {
"$type": "color",
"$value": "{clr-core.err.10}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.10}",
"dark": "{clr-core.err.90}"
},
"figma": {
"variableId": "VariableID:137:13338",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"20": {
"$type": "color",
"$value": "{clr-core.err.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.20}",
"dark": "{clr-core.err.80}"
},
"figma": {
"variableId": "VariableID:137:13337",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"30": {
"$type": "color",
"$value": "{clr-core.err.30}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.30}",
"dark": "{clr-core.err.70}"
},
"figma": {
"variableId": "VariableID:137:13336",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"40": {
"$type": "color",
"$value": "{clr-core.err.40}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.40}",
"dark": "{clr-core.err.60}"
},
"figma": {
"variableId": "VariableID:137:13335",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"50": {
"$type": "color",
"$value": "{clr-core.err.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.50}",
"dark": "{clr-core.err.50}"
},
"figma": {
"variableId": "VariableID:137:13334",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"60": {
"$type": "color",
"$value": "{clr-core.err.60}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.60}",
"dark": "{clr-core.err.40}"
},
"figma": {
"variableId": "VariableID:137:13333",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"70": {
"$type": "color",
"$value": "{clr-core.err.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.70}",
"dark": "{clr-core.err.30}"
},
"figma": {
"variableId": "VariableID:137:13332",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"80": {
"$type": "color",
"$value": "{clr-core.err.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.80}",
"dark": "{clr-core.err.20}"
},
"figma": {
"variableId": "VariableID:137:13331",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"90": {
"$type": "color",
"$value": "{clr-core.err.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.90}",
"dark": "{clr-core.err.10}"
},
"figma": {
"variableId": "VariableID:137:13330",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"95": {
"$type": "color",
"$value": "{clr-core.err.95}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.err.95}",
"dark": "{clr-core.err.5}"
},
"figma": {
"variableId": "VariableID:2996:13980",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"warn": {
"5": {
"$type": "color",
"$value": "{clr-core.warn.5}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.5}",
"dark": "{clr-core.warn.95}"
},
"figma": {
"variableId": "VariableID:2996:13975",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"10": {
"$type": "color",
"$value": "{clr-core.warn.10}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.10}",
"dark": "{clr-core.warn.90}"
},
"figma": {
"variableId": "VariableID:137:13347",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"20": {
"$type": "color",
"$value": "{clr-core.warn.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.20}",
"dark": "{clr-core.warn.80}"
},
"figma": {
"variableId": "VariableID:137:13346",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"30": {
"$type": "color",
"$value": "{clr-core.warn.30}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.30}",
"dark": "{clr-core.warn.70}"
},
"figma": {
"variableId": "VariableID:137:13345",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"40": {
"$type": "color",
"$value": "{clr-core.warn.40}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.40}",
"dark": "{clr-core.warn.60}"
},
"figma": {
"variableId": "VariableID:137:13344",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"50": {
"$type": "color",
"$value": "{clr-core.warn.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.50}",
"dark": "{clr-core.warn.50}"
},
"figma": {
"variableId": "VariableID:137:13343",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"60": {
"$type": "color",
"$value": "{clr-core.warn.60}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.60}",
"dark": "{clr-core.warn.40}"
},
"figma": {
"variableId": "VariableID:137:13342",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"70": {
"$type": "color",
"$value": "{clr-core.warn.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.70}",
"dark": "{clr-core.warn.30}"
},
"figma": {
"variableId": "VariableID:137:13341",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"80": {
"$type": "color",
"$value": "{clr-core.warn.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.80}",
"dark": "{clr-core.warn.20}"
},
"figma": {
"variableId": "VariableID:137:13340",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"90": {
"$type": "color",
"$value": "{clr-core.warn.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.90}",
"dark": "{clr-core.warn.10}"
},
"figma": {
"variableId": "VariableID:137:13339",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"95": {
"$type": "color",
"$value": "{clr-core.warn.95}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.95}",
"dark": "{clr-core.warn.5}"
},
"figma": {
"variableId": "VariableID:2996:13981",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"succ": {
"5": {
"$type": "color",
"$value": "{clr-core.succ.5}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.5}",
"dark": "{clr-core.succ.95}"
},
"figma": {
"variableId": "VariableID:2996:13976",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"10": {
"$type": "color",
"$value": "{clr-core.succ.10}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.10}",
"dark": "{clr-core.succ.90}"
},
"figma": {
"variableId": "VariableID:137:13356",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"20": {
"$type": "color",
"$value": "{clr-core.succ.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.20}",
"dark": "{clr-core.succ.80}"
},
"figma": {
"variableId": "VariableID:137:13355",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"30": {
"$type": "color",
"$value": "{clr-core.succ.30}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.30}",
"dark": "{clr-core.succ.70}"
},
"figma": {
"variableId": "VariableID:137:13354",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"40": {
"$type": "color",
"$value": "{clr-core.succ.40}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.40}",
"dark": "{clr-core.succ.60}"
},
"figma": {
"variableId": "VariableID:137:13353",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"50": {
"$type": "color",
"$value": "{clr-core.succ.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.50}",
"dark": "{clr-core.succ.50}"
},
"figma": {
"variableId": "VariableID:137:13352",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"60": {
"$type": "color",
"$value": "{clr-core.succ.60}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.60}",
"dark": "{clr-core.succ.40}"
},
"figma": {
"variableId": "VariableID:137:13351",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"70": {
"$type": "color",
"$value": "{clr-core.succ.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.70}",
"dark": "{clr-core.succ.30}"
},
"figma": {
"variableId": "VariableID:137:13350",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"80": {
"$type": "color",
"$value": "{clr-core.succ.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.80}",
"dark": "{clr-core.succ.20}"
},
"figma": {
"variableId": "VariableID:137:13349",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"90": {
"$type": "color",
"$value": "{clr-core.succ.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.90}",
"dark": "{clr-core.succ.10}"
},
"figma": {
"variableId": "VariableID:137:13348",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"95": {
"$type": "color",
"$value": "{clr-core.succ.95}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.succ.95}",
"dark": "{clr-core.succ.5}"
},
"figma": {
"variableId": "VariableID:2996:13982",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"purp": {
"5": {
"$type": "color",
"$value": "{clr-core.purp.5}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.5}",
"dark": "{clr-core.purp.95}"
},
"figma": {
"variableId": "VariableID:2996:13978",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"10": {
"$type": "color",
"$value": "{clr-core.purp.10}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.10}",
"dark": "{clr-core.purp.90}"
},
"figma": {
"variableId": "VariableID:2696:25280",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"20": {
"$type": "color",
"$value": "{clr-core.purp.20}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.20}",
"dark": "{clr-core.purp.80}"
},
"figma": {
"variableId": "VariableID:2696:25279",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"30": {
"$type": "color",
"$value": "{clr-core.purp.30}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.30}",
"dark": "{clr-core.purp.70}"
},
"figma": {
"variableId": "VariableID:2696:25278",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"40": {
"$type": "color",
"$value": "{clr-core.purp.40}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.40}",
"dark": "{clr-core.purp.60}"
},
"figma": {
"variableId": "VariableID:2696:25277",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"50": {
"$type": "color",
"$value": "{clr-core.purp.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.50}",
"dark": "{clr-core.purp.50}"
},
"figma": {
"variableId": "VariableID:2696:25276",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"60": {
"$type": "color",
"$value": "{clr-core.purp.60}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.60}",
"dark": "{clr-core.purp.40}"
},
"figma": {
"variableId": "VariableID:2696:25275",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"70": {
"$type": "color",
"$value": "{clr-core.purp.70}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.70}",
"dark": "{clr-core.purp.30}"
},
"figma": {
"variableId": "VariableID:2696:25274",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"80": {
"$type": "color",
"$value": "{clr-core.purp.80}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.80}",
"dark": "{clr-core.purp.20}"
},
"figma": {
"variableId": "VariableID:2696:25273",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"90": {
"$type": "color",
"$value": "{clr-core.purp.90}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.90}",
"dark": "{clr-core.purp.10}"
},
"figma": {
"variableId": "VariableID:2696:25272",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"95": {
"$type": "color",
"$value": "{clr-core.purp.95}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.purp.95}",
"dark": "{clr-core.purp.5}"
},
"figma": {
"variableId": "VariableID:2996:13983",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
}
},
"overlay-bg": {
"$type": "color",
"$value": "#d6d6d666",
"$description": "",
"$extensions": {
"mode": {
"light": "#d6d6d666",
"dark": "#00000059"
},
"figma": {
"variableId": "VariableID:2946:12411",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"illustration": {
"bg": {
"$type": "color",
"$value": "#d6f0ee",
"$description": "",
"$extensions": {
"mode": {
"light": "#d6f0ee",
"dark": "#214f4d"
},
"figma": {
"variableId": "VariableID:3009:10775",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"outline": {
"$type": "color",
"$value": "#475050",
"$description": "",
"$extensions": {
"mode": {
"light": "#475050",
"dark": "#142222"
},
"figma": {
"variableId": "VariableID:3009:10776",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"fill": {
"$type": "color",
"$value": "#fcfcf1",
"$description": "",
"$extensions": {
"mode": {
"light": "#fcfcf1",
"dark": "#d8e3c1"
},
"figma": {
"variableId": "VariableID:3030:14388",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"commit": {
"upstream": {
"$type": "color",
"$value": "{clr-core.warn.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.warn.50}",
"dark": "{clr-core.warn.50}"
},
"figma": {
"variableId": "VariableID:3171:9427",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"local": {
"$type": "color",
"$value": "{clr-core.pop.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.pop.50}",
"dark": "{clr-core.pop.50}"
},
"figma": {
"variableId": "VariableID:3171:9428",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"remote": {
"$type": "color",
"$value": "{clr-core.ntrl.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.50}",
"dark": "{clr-core.ntrl.50}"
},
"figma": {
"variableId": "VariableID:3171:9429",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"shadow": {
"$type": "color",
"$value": "{clr-core.ntrl.60}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.60}",
"dark": "{clr-core.ntrl.40}"
},
"figma": {
"variableId": "VariableID:3172:9430",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
},
"text": {
"1": {
"$type": "color",
"$value": "{clr-core.ntrl.5}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.5}",
"dark": "{clr-core.ntrl.95}"
},
"figma": {
"variableId": "VariableID:3338:21262",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"2": {
"$type": "color",
"$value": "{clr-core.ntrl.50}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.50}",
"dark": "{clr-core.ntrl.60}"
},
"figma": {
"variableId": "VariableID:3338:21263",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
},
"3": {
"$type": "color",
"$value": "{clr-core.ntrl.60}",
"$description": "",
"$extensions": {
"mode": {
"light": "{clr-core.ntrl.60}",
"dark": "{clr-core.ntrl.40}"
},
"figma": {
"variableId": "VariableID:3338:21264",
"collection": {
"id": "VariableCollectionId:8:1868",
"name": "clr",
"defaultModeId": "8:5"
}
}
}
}
}
},
"size": {
"2": {
"$type": "dimension",
"$value": "2px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:592",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"4": {
"$type": "dimension",
"$value": "4px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:594",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"6": {
"$type": "dimension",
"$value": "6px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:595",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"8": {
"$type": "dimension",
"$value": "8px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:596",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"10": {
"$type": "dimension",
"$value": "10px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:427:7275",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"12": {
"$type": "dimension",
"$value": "12px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:597",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"14": {
"$type": "dimension",
"$value": "14px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2831:13998",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"16": {
"$type": "dimension",
"$value": "16px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:598",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"20": {
"$type": "dimension",
"$value": "20px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:599",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"24": {
"$type": "dimension",
"$value": "24px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:600",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"26": {
"$type": "dimension",
"$value": "26px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2831:13999",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"28": {
"$type": "dimension",
"$value": "28px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:601",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"32": {
"$type": "dimension",
"$value": "32px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:602",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"36": {
"$type": "dimension",
"$value": "36px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:603",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"40": {
"$type": "dimension",
"$value": "40px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:604",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"48": {
"$type": "dimension",
"$value": "48px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:605",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"56": {
"$type": "dimension",
"$value": "56px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:606",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"64": {
"$type": "dimension",
"$value": "64px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:98:607",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"80": {
"$type": "dimension",
"$value": "80px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2531:6326",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"96": {
"$type": "dimension",
"$value": "96px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:2531:6327",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"icon": {
"$type": "dimension",
"$value": "16px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:3030:14766",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"tag": {
"$type": "dimension",
"$value": "22px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:3030:14767",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"button": {
"$type": "dimension",
"$value": "28px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:3030:14768",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"cta": {
"$type": "dimension",
"$value": "32px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:3030:14769",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
},
"card-padding": {
"$type": "dimension",
"$value": "{size.14}",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:3030:14772",
"collection": {
"id": "VariableCollectionId:98:591",
"name": "size",
"defaultModeId": "98:0"
}
}
}
}
},
"radius": {
"s": {
"$type": "dimension",
"$value": "4px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:137:11512",
"collection": {
"id": "VariableCollectionId:137:11511",
"name": "radius",
"defaultModeId": "137:3"
}
}
}
},
"m": {
"$type": "dimension",
"$value": "6px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:137:11513",
"collection": {
"id": "VariableCollectionId:137:11511",
"name": "radius",
"defaultModeId": "137:3"
}
}
}
},
"l": {
"$type": "dimension",
"$value": "12px",
"$description": "",
"$extensions": {
"mode": {},
"figma": {
"variableId": "VariableID:137:11514",
"collection": {
"id": "VariableCollectionId:137:11511",
"name": "radius",
"defaultModeId": "137:3"
}
}
}
}
},
"fx": {
"shadow": {
"s": {
"$type": "shadow",
"$value": {
"inset": false,
"color": "#0000000f",
"offsetX": "0px",
"offsetY": "4px",
"blur": "14px",
"spread": "0px"
}
},
"m": {
"$type": "shadow",
"$value": {
"inset": false,
"color": "#00000014",
"offsetX": "0px",
"offsetY": "6px",
"blur": "30px",
"spread": "0px"
}
},
"l": {
"$type": "shadow",
"$value": {
"inset": false,
"color": "#0000001a",
"offsetX": "0px",
"offsetY": "10px",
"blur": "40px",
"spread": "0px"
}
}
}
},
"$extensions": {
"tokens-bruecke-meta": {
"useDTCGKeys": true,
"colorMode": "hex",
"variableCollections": ["clr-core", "clr", "size", "radius"],
"createdAt": "2024-07-28T12:37:45.122Z"
}
}
}
Reference in New Issue View Git Blame Copy Permalink