@gitlab/ui
Version:
GitLab UI Components
31,800 lines • 878 kB
JSON
{
"background": {
"alpha": {
"light": {
"2": {
"key": "{color.alpha.light.2}",
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.2}"
},
"name": "COLOR_ALPHA_LIGHT_2",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"2"
],
"cssWithValue": "var(--gl-color-alpha-light-2)"
},
"4": {
"key": "{color.alpha.light.4}",
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.4}"
},
"name": "COLOR_ALPHA_LIGHT_4",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"4"
],
"cssWithValue": "var(--gl-color-alpha-light-4)"
},
"6": {
"key": "{color.alpha.light.6}",
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.6}"
},
"name": "COLOR_ALPHA_LIGHT_6",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"6"
],
"cssWithValue": "var(--gl-color-alpha-light-6)"
},
"8": {
"key": "{color.alpha.light.8}",
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.8}"
},
"name": "COLOR_ALPHA_LIGHT_8",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"8"
],
"cssWithValue": "var(--gl-color-alpha-light-8)"
},
"16": {
"key": "{color.alpha.light.16}",
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.16}"
},
"name": "COLOR_ALPHA_LIGHT_16",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"16"
],
"cssWithValue": "var(--gl-color-alpha-light-16)"
},
"24": {
"key": "{color.alpha.light.24}",
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.24}"
},
"name": "COLOR_ALPHA_LIGHT_24",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"24"
],
"cssWithValue": "var(--gl-color-alpha-light-24)"
},
"36": {
"key": "{color.alpha.light.36}",
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$deprecated": true,
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$deprecated": true,
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.36}"
},
"name": "COLOR_ALPHA_LIGHT_36",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"36"
],
"cssWithValue": "var(--gl-color-alpha-light-36)"
},
"40": {
"key": "{color.alpha.light.40}",
"$value": "rgba(255, 255, 255, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.40}"
},
"name": "COLOR_ALPHA_LIGHT_40",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"40"
],
"cssWithValue": "var(--gl-color-alpha-light-40)"
}
},
"dark": {
"2": {
"key": "{color.alpha.dark.2}",
"$value": "rgba(5, 5, 6, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.2}"
},
"name": "COLOR_ALPHA_DARK_2",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"2"
],
"cssWithValue": "var(--gl-color-alpha-dark-2)"
},
"4": {
"key": "{color.alpha.dark.4}",
"$value": "rgba(5, 5, 6, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.4}"
},
"name": "COLOR_ALPHA_DARK_4",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"4"
],
"cssWithValue": "var(--gl-color-alpha-dark-4)"
},
"6": {
"key": "{color.alpha.dark.6}",
"$value": "rgba(5, 5, 6, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.6}"
},
"name": "COLOR_ALPHA_DARK_6",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"6"
],
"cssWithValue": "var(--gl-color-alpha-dark-6)"
},
"8": {
"key": "{color.alpha.dark.8}",
"$value": "rgba(5, 5, 6, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.8}"
},
"name": "COLOR_ALPHA_DARK_8",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"8"
],
"cssWithValue": "var(--gl-color-alpha-dark-8)"
},
"16": {
"key": "{color.alpha.dark.16}",
"$value": "rgba(5, 5, 6, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.16}"
},
"name": "COLOR_ALPHA_DARK_16",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"16"
],
"cssWithValue": "var(--gl-color-alpha-dark-16)"
},
"24": {
"key": "{color.alpha.dark.24}",
"$value": "rgba(5, 5, 6, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.24}"
},
"name": "COLOR_ALPHA_DARK_24",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"24"
],
"cssWithValue": "var(--gl-color-alpha-dark-24)"
},
"40": {
"key": "{color.alpha.dark.40}",
"$value": "rgba(5, 5, 6, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.40}"
},
"name": "COLOR_ALPHA_DARK_40",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"40"
],
"cssWithValue": "var(--gl-color-alpha-dark-40)"
}
}
},
"blue": {
"50": {
"key": "{blue.50}",
"$value": "#213454",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.50}"
},
"name": "E_50",
"attributes": {},
"path": [
"blue",
"50"
],
"cssWithValue": "var(--blue-50)"
},
"100": {
"key": "{blue.100}",
"$value": "#284779",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.100}"
},
"name": "E_100",
"attributes": {},
"path": [
"blue",
"100"
],
"cssWithValue": "var(--blue-100)"
},
"200": {
"key": "{blue.200}",
"$value": "#2f5ca0",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.200}"
},
"name": "E_200",
"attributes": {},
"path": [
"blue",
"200"
],
"cssWithValue": "var(--blue-200)"
},
"300": {
"key": "{blue.300}",
"$value": "#2f68b4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.300}"
},
"name": "E_300",
"attributes": {},
"path": [
"blue",
"300"
],
"cssWithValue": "var(--blue-300)"
},
"400": {
"key": "{blue.400}",
"$value": "#1f75cb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.400}"
},
"name": "E_400",
"attributes": {},
"path": [
"blue",
"400"
],
"cssWithValue": "var(--blue-400)"
},
"500": {
"key": "{blue.500}",
"$value": "#428fdc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.500}"
},
"name": "E_500",
"attributes": {},
"path": [
"blue",
"500"
],
"cssWithValue": "var(--blue-500)"
},
"600": {
"key": "{blue.600}",
"$value": "#63a6e9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.600}"
},
"name": "E_600",
"attributes": {},
"path": [
"blue",
"600"
],
"cssWithValue": "var(--blue-600)"
},
"700": {
"key": "{blue.700}",
"$value": "#9dc7f1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.700}"
},
"name": "E_700",
"attributes": {},
"path": [
"blue",
"700"
],
"cssWithValue": "var(--blue-700)"
},
"800": {
"key": "{blue.800}",
"$value": "#cbe2f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.800}"
},
"name": "E_800",
"attributes": {},
"path": [
"blue",
"800"
],
"cssWithValue": "var(--blue-800)"
},
"900": {
"key": "{blue.900}",
"$value": "#e9f3fc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.900}"
},
"name": "E_900",
"attributes": {},
"path": [
"blue",
"900"
],
"cssWithValue": "var(--blue-900)"
},
"950": {
"key": "{blue.950}",
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.950}"
},
"name": "E_950",
"attributes": {},
"path": [
"blue",
"950"
],
"cssWithValue": "var(--blue-950)"
}
},
"gray": {
"10": {
"key": "{gray.10}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.950}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.10}"
},
"name": "Y_10",
"attributes": {},
"path": [
"gray",
"10"
],
"cssWithValue": "var(--gray-10)"
},
"50": {
"key": "{gray.50}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.50}"
},
"name": "Y_50",
"attributes": {},
"path": [
"gray",
"50"
],
"cssWithValue": "var(--gray-50)"
},
"100": {
"key": "{gray.100}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.100}"
},
"name": "Y_100",
"attributes": {},
"path": [
"gray",
"100"
],
"cssWithValue": "var(--gray-100)"
},
"200": {
"key": "{gray.200}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.200}"
},
"name": "Y_200",
"attributes": {},
"path": [
"gray",
"200"
],
"cssWithValue": "var(--gray-200)"
},
"300": {
"key": "{gray.300}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.300}"
},
"name": "Y_300",
"attributes": {},
"path": [
"gray",
"300"
],
"cssWithValue": "var(--gray-300)"
},
"400": {
"key": "{gray.400}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.400}"
},
"name": "Y_400",
"attributes": {},
"path": [
"gray",
"400"
],
"cssWithValue": "var(--gray-400)"
},
"500": {
"key": "{gray.500}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.500}"
},
"name": "Y_500",
"attributes": {},
"path": [
"gray",
"500"
],
"cssWithValue": "var(--gray-500)"
},
"600": {
"key": "{gray.600}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.600}"
},
"name": "Y_600",
"attributes": {},
"path": [
"gray",
"600"
],
"cssWithValue": "var(--gray-600)"
},
"700": {
"key": "{gray.700}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.700}"
},
"name": "Y_700",
"attributes": {},
"path": [
"gray",
"700"
],
"cssWithValue": "var(--gray-700)"
},
"800": {
"key": "{gray.800}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.800}"
},
"name": "Y_800",
"attributes": {},
"path": [
"gray",
"800"
],
"cssWithValue": "var(--gray-800)"
},
"900": {
"key": "{gray.900}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.900}"
},
"name": "Y_900",
"attributes": {},
"path": [
"gray",
"900"
],
"cssWithValue": "var(--gray-900)"
},
"950": {
"key": "{gray.950}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.10}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.950}"
},
"name": "Y_950",
"attributes": {},
"path": [
"gray",
"950"
],
"cssWithValue": "var(--gray-950)"
}
},
"green": {
"50": {
"key": "{green.50}",
"$value": "#1e3e28",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.50}"
},
"name": "EN_50",
"attributes": {},
"path": [
"green",
"50"
],
"cssWithValue": "var(--green-50)"
},
"100": {
"key": "{green.100}",
"$value": "#225131",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.100}"
},
"name": "EN_100",
"attributes": {},
"path": [
"green",
"100"
],
"cssWithValue": "var(--green-100)"
},
"200": {
"key": "{green.200}",
"$value": "#306440",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.200}"
},
"name": "EN_200",
"attributes": {},
"path": [
"green",
"200"
],
"cssWithValue": "var(--green-200)"
},
"300": {
"key": "{green.300}",
"$value": "#2f7549",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.300}"
},
"name": "EN_300",
"attributes": {},
"path": [
"green",
"300"
],
"cssWithValue": "var(--green-300)"
},
"400": {
"key": "{green.400}",
"$value": "#108548",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.400}"
},
"name": "EN_400",
"attributes": {},
"path": [
"green",
"400"
],
"cssWithValue": "var(--green-400)"
},
"500": {
"key": "{green.500}",
"$value": "#2da160",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.500}"
},
"name": "EN_500",
"attributes": {},
"path": [
"green",
"500"
],
"cssWithValue": "var(--green-500)"
},
"600": {
"key": "{green.600}",
"$value": "#52b87a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.600}"
},
"name": "EN_600",
"attributes": {},
"path": [
"green",
"600"
],
"cssWithValue": "var(--green-600)"
},
"700": {
"key": "{green.700}",
"$value": "#91d4a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.700}"
},
"name": "EN_700",
"attributes": {},
"path": [
"green",
"700"
],
"cssWithValue": "var(--green-700)"
},
"800": {
"key": "{green.800}",
"$value": "#c3e6cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.800}"
},
"name": "EN_800",
"attributes": {},
"path": [
"green",
"800"
],
"cssWithValue": "var(--green-800)"
},
"900": {
"key": "{green.900}",
"$value": "#ecf4ee",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.900}"
},
"name": "EN_900",
"attributes": {},
"path": [
"green",
"900"
],
"cssWithValue": "var(--green-900)"
},
"950": {
"key": "{green.950}",
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.950}"
},
"name": "EN_950",
"attributes": {},
"path": [
"green",
"950"
],
"cssWithValue": "var(--green-950)"
}
},
"orange": {
"50": {
"key": "{orange.50}",
"$value": "#532e16",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.50}"
},
"name": "NGE_50",
"attributes": {},
"path": [
"orange",
"50"
],
"cssWithValue": "var(--orange-50)"
},
"100": {
"key": "{orange.100}",
"$value": "#693c14",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.100}"
},
"name": "NGE_100",
"attributes": {},
"path": [
"orange",
"100"
],
"cssWithValue": "var(--orange-100)"
},
"200": {
"key": "{orange.200}",
"$value": "#894b16",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.200}"
},
"name": "NGE_200",
"attributes": {},
"path": [
"orange",
"200"
],
"cssWithValue": "var(--orange-200)"
},
"300": {
"key": "{orange.300}",
"$value": "#995715",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.300}"
},
"name": "NGE_300",
"attributes": {},
"path": [
"orange",
"300"
],
"cssWithValue": "var(--orange-300)"
},
"400": {
"key": "{orange.400}",
"$value": "#ab6100",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.400}"
},
"name": "NGE_400",
"attributes": {},
"path": [
"orange",
"400"
],
"cssWithValue": "var(--orange-400)"
},
"500": {
"key": "{orange.500}",
"$value": "#c17d10",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.500}"
},
"name": "NGE_500",
"attributes": {},
"path": [
"orange",
"500"
],
"cssWithValue": "var(--orange-500)"
},
"600": {
"key": "{orange.600}",
"$value": "#d99530",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.600}"
},
"name": "NGE_600",
"attributes": {},
"path": [
"orange",
"600"
],
"cssWithValue": "var(--orange-600)"
},
"700": {
"key": "{orange.700}",
"$value": "#e9be74",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.700}"
},
"name": "NGE_700",
"attributes": {},
"path": [
"orange",
"700"
],
"cssWithValue": "var(--orange-700)"
},
"800": {
"key": "{orange.800}",
"$value": "#f5d9a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.800}"
},
"name": "NGE_800",
"attributes": {},
"path": [
"orange",
"800"
],
"cssWithValue": "var(--orange-800)"
},
"900": {
"key": "{orange.900}",
"$value": "#fdf1dd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.900}"
},
"name": "NGE_900",
"attributes": {},
"path": [
"orange",
"900"
],
"cssWithValue": "var(--orange-900)"
},
"950": {
"key": "{orange.950}",
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.950}"
},
"name": "NGE_950",
"attributes": {},
"path": [
"orange",
"950"
],
"cssWithValue": "var(--orange-950)"
}
},
"purple": {
"50": {
"key": "{purple.50}",
"$value": "#27243e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.950}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.50}"
},
"name": "PLE_50",
"attributes": {},
"path": [
"purple",
"50"
],
"cssWithValue": "var(--purple-50)"
},
"100": {
"key": "{purple.100}",
"$value": "#342d59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.100}"
},
"name": "PLE_100",
"attributes": {},
"path": [
"purple",
"100"
],
"cssWithValue": "var(--purple-100)"
},
"200": {
"key": "{purple.200}",
"$value": "#493c83",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.200}"
},
"name": "PLE_200",
"attributes": {},
"path": [
"purple",
"200"
],
"cssWithValue": "var(--purple-200)"
},
"300": {
"key": "{purple.300}",
"$value": "#5c47a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.300}"
},
"name": "PLE_300",
"attributes": {},
"path": [
"purple",
"300"
],
"cssWithValue": "var(--purple-300)"
},
"400": {
"key": "{purple.400}",
"$value": "#6a4fb4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.400}"
},
"name": "PLE_400",
"attributes": {},
"path": [
"purple",
"400"
],
"cssWithValue": "var(--purple-400)"
},
"500": {
"key": "{purple.500}",
"$value": "#7b58cf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.500}"
},
"name": "PLE_500",
"attributes": {},
"path": [
"purple",
"500"
],
"cssWithValue": "var(--purple-500)"
},
"600": {
"key": "{purple.600}",
"$value": "#9475db",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.600}"
},
"name": "PLE_600",
"attributes": {},
"path": [
"purple",
"600"
],
"cssWithValue": "var(--purple-600)"
},
"700": {
"key": "{purple.700}",
"$value": "#ac93e6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.700}"
},
"name": "PLE_700",
"attributes": {},
"path": [
"purple",
"700"
],
"cssWithValue": "var(--purple-700)"
},
"800": {
"key": "{purple.800}",
"$value": "#cbbbf2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.800}"
},
"name": "PLE_800",
"attributes": {},
"path": [
"purple",
"800"
],
"cssWithValue": "var(--purple-800)"
},
"900": {
"key": "{purple.900}",
"$value": "#e1d8f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.900}"
},
"name": "PLE_900",
"attributes": {},
"path": [
"purple",
"900"
],
"cssWithValue": "var(--purple-900)"
},
"950": {
"key": "{purple.950}",
"$value": "#f4f0ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.950}"
},
"name": "PLE_950",
"attributes": {},
"path": [
"purple",
"950"
],
"cssWithValue": "var(--purple-950)"
}
},
"red": {
"50": {
"key": "{red.50}",
"$value": "#582014",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.50}"
},
"name": "_50",
"attributes": {},
"path": [
"red",
"50"
],
"cssWithValue": "var(--red-50)"
},
"100": {
"key": "{red.100}",
"$value": "#812713",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.100}"
},
"name": "_100",
"attributes": {},
"path": [
"red",
"100"
],
"cssWithValue": "var(--red-100)"
},
"200": {
"key": "{red.200}",
"$value": "#a32c12",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.200}"
},
"name": "_200",
"attributes": {},
"path": [
"red",
"200"
],
"cssWithValue": "var(--red-200)"
},
"300": {
"key": "{red.300}",
"$value": "#c02f12",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.300}"
},
"name": "_300",
"attributes": {},
"path": [
"red",
"300"
],
"cssWithValue": "var(--red-300)"
},
"400": {
"key": "{red.400}",
"$value": "#dd2b0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.400}"
},
"name": "_400",
"attributes": {},
"path": [
"red",
"400"
],
"cssWithValue": "var(--red-400)"
},
"500": {
"key": "{red.500}",
"$value": "#ec5941",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.500}"
},
"name": "_500",
"attributes": {},
"path": [
"red",
"500"
],
"cssWithValue": "var(--red-500)"
},
"600": {
"key": "{red.600}",
"$value": "#f6806d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.600}"
},
"name": "_600",
"attributes": {},
"path": [
"red",
"600"
],
"cssWithValue": "var(--red-600)"
},
"700": {
"key": "{red.700}",
"$value": "#fcb5aa",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.700}"
},
"name": "_700",
"attributes": {},
"path": [
"red",
"700"
],
"cssWithValue": "var(--red-700)"
},
"800": {
"key": "{red.800}",
"$value": "#fdd4cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.800}"
},
"name": "_800",
"attributes": {},
"path": [
"red",
"800"
],
"cssWithValue": "var(--red-800)"
},
"900": {
"key": "{red.900}",
"$value": "#fcf1ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.900}"
},
"name": "_900",
"attributes": {},
"path": [
"red",
"900"
],
"cssWithValue": "var(--red-900)"
},
"950": {
"key": "{red.950}",
"$value": "#fff4f3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff4f3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.950}"
},
"name": "_950",
"attributes": {},
"path": [
"red",
"950"
],
"cssWithValue": "var(--red-950)"
}
},
"brand-white": {
"key": "{color.brand-white}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-white}"
},
"name": "COLOR_BRAND_WHITE",
"attributes": {},
"path": [
"color",
"brand-white"
],
"cssWithValue": "var(--gl-color-brand-white)"
},
"brand-charcoal": {
"key": "{color.brand-charcoal}",
"$value": "#171321",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#171321",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-charcoal}"
},
"name": "COLOR_BRAND_CHARCOAL",
"attributes": {},
"path": [
"color",
"brand-charcoal"
],
"cssWithValue": "var(--gl-color-brand-charcoal)"
},
"brand-orange": {
"01g": {
"key": "{color.brand-orange.01g}",
"$value": "#ffd1bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ffd1bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.01g}"
},
"name": "COLOR_BRAND_ORANGE_01G",
"attributes": {},
"path": [
"color",
"brand-orange",
"01g"
],
"cssWithValue": "var(--gl-color-brand-orange-01g)"
},
"01p": {
"key": "{color.brand-orange.01p}",
"$value": "#fca326",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fca326",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.01p}"
},
"name": "COLOR_BRAND_ORANGE_01P",
"attributes": {},
"path": [
"color",
"brand-orange",
"01p"
],
"cssWithValue": "var(--gl-color-brand-orange-01p)"
},
"02p": {
"key": "{color.brand-orange.02p}",
"$value": "#fc6d26",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fc6d26",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.02p}"
},
"name": "COLOR_BRAND_ORANGE_02P",
"attributes": {},
"path": [
"color",
"brand-orange",
"02p"
],
"cssWithValue": "var(--gl-color-brand-orange-02p)"
},
"03p": {
"key": "{color.brand-orange.03p}",
"$value": "#e24329",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#e24329",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.03p}"
},
"name": "COLOR_BRAND_ORANGE_03P",
"attributes": {},
"path": [
"color",
"brand-orange",
"03p"
],
"cssWithValue": "var(--gl-color-brand-orange-03p)"
}
},
"brand-purple": {
"01g": {
"key": "{color.brand-purple.01g}",
"$value": "#ceb3ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ceb3ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.01g}"
},
"name": "COLOR_BRAND_PURPLE_01G",
"attributes": {},
"path": [
"color",
"brand-purple",
"01g"
],
"cssWithValue": "var(--gl-color-brand-purple-01g)"
},
"01p": {
"key": "{color.brand-purple.01p}",
"$value": "#a989f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#a989f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.01p}"
},
"name": "COLOR_BRAND_PURPLE_01P",
"attributes": {},
"path": [
"color",
"brand-purple",
"01p"
],
"cssWithValue": "var(--gl-color-brand-purple-01p)"
},
"02p": {
"key": "{color.brand-purple.02p}",
"$value": "#7759c2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#7759c2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.02p}"
},
"name": "COLOR_BRAND_PURPLE_02P",
"attributes": {},
"path": [
"color",
"brand-purple",
"02p"
],
"cssWithValue": "var(--gl-color-brand-purple-02p)"
}
},
"brand-gray": {
"01": {
"key": "{color.brand-gray.01}",
"$value": "#d1d0d3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#d1d0d3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.01}"
},
"name": "COLOR_BRAND_GRAY_01",
"attributes": {},
"path": [
"color",
"brand-gray",
"01"
],
"cssWithValue": "var(--gl-color-brand-gray-01)"
},
"02": {
"key": "{color.brand-gray.02}",
"$value": "#a2a1a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#a2a1a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.02}"
},
"name": "COLOR_BRAND_GRAY_02",
"attributes": {},
"path": [
"color",
"brand-gray",
"02"
],
"cssWithValue": "var(--gl-color-brand-gray-02)"
},
"03": {
"key": "{color.brand-gray.03}",
"$value": "#74717a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#74717a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.03}"
},
"name": "COLOR_BRAND_GRAY_03",
"attributes": {},
"path": [
"color",
"brand-gray",
"03"
],
"cssWithValue": "var(--gl-color-brand-gray-03)"
},
"04": {
"key": "{color.brand-gray.04}",
"$value": "#45424d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#45424d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.04}"
},
"name": "COLOR_BRAND_GRAY_04",
"attributes": {},
"path": [
"color",
"brand-gray",
"04"
],
"cssWithValue": "var(--gl-color-brand-gray-04)"
},
"05": {
"key": "{color.brand-gray.05}",
"$value": "#2b2838",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#2b2838",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.05}"
},
"name": "COLOR_BRAND_GRAY_05",
"attributes": {},
"path": [
"color",
"brand-gray",
"05"
],
"cssWithValue": "var(--gl-color-brand-gray-05)"
}
},
"brand-pink": {
"01g": {
"key": "{color.brand-pink.01g}",
"$value": "#ffb9c9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ffb9c9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-pink.01g}"
},
"name": "COLOR_BRAND_PINK_01G",
"attributes": {},
"path": [
"color",
"brand-pink",
"01g"
],
"cssWithValue": "var(--gl-color-brand-pink-01g)"
}
},
"data-viz": {
"green": {
"50": {
"key": "{data-viz.green.50}",
"$value": "#133a03",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#133a03",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.50}"
},
"name": "A_VIZ_GREEN_50",
"attributes": {},
"path": [
"data-viz",
"green",
"50"
],
"cssWithValue": "var(--data-viz-green-50)"
},
"100": {
"key": "{data-viz.green.100}",
"$value": "#1a4500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#1a4500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.100}"
},
"name": "A_VIZ_GREEN_100",
"attributes": {},
"path": [
"data-viz",
"green",
"100"
],
"cssWithValue": "var(--data-viz-green-100)"
},
"200": {
"key": "{data-viz.green.200}",
"$value": "#275600",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#275600",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.200}"
},
"name": "A_VIZ_GREEN_200",
"attributes": {},
"path": [
"data-viz",
"green",
"200"
],
"cssWithValue": "var(--data-viz-green-200)"
},
"300": {
"key": "{data-viz.green.300}",
"$value": "#366800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#366800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.300}"
},
"name": "A_VIZ_GREEN_300",
"attributes": {},
"path": [
"data-viz",
"green",
"300"
],
"cssWithValue": "var(--data-viz-green-300)"
},
"400": {
"key": "{data-viz.green.400}",
"$value": "#4e7f0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4e7f0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.400}"
},
"name": "A_VIZ_GREEN_400",
"attributes": {},
"path": [
"data-viz",
"green",
"400"
],
"cssWithValue": "var(--data-viz-green-400)"
},
"500": {
"key": "{data-viz.green.500}",
"$value": "#619025",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#619025",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.500}"
},
"name": "A_VIZ_GREEN_500",
"attributes": {},
"path": [
"data-viz",
"green",
"500"
],
"cssWithValue": "var(--data-viz-green-500)"
},
"600": {
"key": "{data-viz.green.600}",
"$value": "#81ac41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#81ac41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.600}"
},
"name": "A_VIZ_GREEN_600",
"attributes": {},
"path": [
"data-viz",
"green",
"600"
],
"cssWithValue": "var(--data-viz-green-600)"
},
"700": {
"key": "{data-viz.green.700}",
"$value": "#94c25e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#94c25e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.700}"
},
"name": "A_VIZ_GREEN_700",
"attributes": {},
"path": [
"data-viz",
"green",
"700"
],
"cssWithValue": "var(--data-viz-green-700)"
},
"800": {
"key": "{data-viz.green.800}",
"$value": "#b0d97b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b0d97b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.800}"
},
"name": "A_VIZ_GREEN_800",
"attributes": {},
"path": [
"data-viz",
"green",
"800"
],
"cssWithValue": "var(--data-viz-green-800)"
},
"900": {
"key": "{data-viz.green.900}",
"$value": "#c6ed94",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#c6ed94",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.900}"
},
"name": "A_VIZ_GREEN_900",
"attributes": {},
"path": [
"data-viz",
"green",
"900"
],
"cssWithValue": "var(--data-viz-green-900)"
},
"950": {
"key": "{data-viz.green.950}",
"$value": "#ddfab7",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ddfab7",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.950}"
},
"name": "A_VIZ_GREEN_950",
"attributes": {},
"path": [
"data-viz",
"green",
"950"
],
"cssWithValue": "var(--data-viz-green-950)"
}
},
"aqua": {
"50": {
"key": "{data-viz.aqua.50}",
"$value": "#00344b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00344b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.50}"
},
"name": "A_VIZ_AQUA_50",
"attributes": {},
"path": [
"data-viz",
"aqua",
"50"
],
"cssWithValue": "var(--data-viz-aqua-50)"
},
"100": {
"key": "{data-viz.aqua.100}",
"$value": "#004059",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#004059",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.100}"
},
"name": "A_VIZ_AQUA_100",
"attributes": {},
"path": [
"data-viz",
"aqua",
"100"
],
"cssWithValue": "var(--data-viz-aqua-100)"
},
"200": {
"key": "{data-viz.aqua.200}",
"$value": "#00516c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00516c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.200}"
},
"name": "A_VIZ_AQUA_200",
"attributes": {},
"path": [
"data-viz",
"aqua",
"200"
],
"cssWithValue": "var(--data-viz-aqua-200)"
},
"300": {
"key": "{data-viz.aqua.300}",
"$value": "#006381",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#006381",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.300}"
},
"name": "A_VIZ_AQUA_300",
"attributes": {},
"path": [
"data-viz",
"aqua",
"300"
],
"cssWithValue": "var(--data-viz-aqua-300)"
},
"400": {
"key": "{data-viz.aqua.400}",
"$value": "#007b9b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#007b9b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.400}"
},
"name": "A_VIZ_AQUA_400",
"attributes": {},
"path": [
"data-viz",
"aqua",
"400"
],
"cssWithValue": "var(--data-viz-aqua-400)"
},
"500": {
"key": "{data-viz.aqua.500}",
"$value": "#0090b1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#0090b1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.500}"
},
"name": "A_VIZ_AQUA_500",
"attributes": {},
"path": [
"data-viz",
"aqua",
"500"
],
"cssWithValue": "var(--data-viz-aqua-500)"
},
"600": {
"key": "{data-viz.aqua.600}",
"$value": "#00acc4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00acc4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.600}"
},
"name": "A_VIZ_AQUA_600",
"attributes": {},
"path": [
"data-viz",
"aqua",
"600"
],
"cssWithValue": "var(--data-viz-aqua-600)"
},
"700": {
"key": "{data-viz.aqua.700}",
"$value": "#32c5d2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#32c5d2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.700}"
},
"name": "A_VIZ_AQUA_700",
"attributes": {},
"path": [
"data-viz",
"aqua",
"700"
],
"cssWithValue": "var(--data-viz-aqua-700)"
},
"800": {
"key": "{data-viz.aqua.800}",
"$value": "#5edee3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#5edee3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.800}"
},
"name": "A_VIZ_AQUA_800",
"attributes": {},
"path": [
"data-viz",
"aqua",
"800"
],
"cssWithValue": "var(--data-viz-aqua-800)"
},
"900": {
"key": "{data-viz.aqua.900}",
"$value": "#93f2ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#93f2ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.900}"
},
"name": "A_VIZ_AQUA_900",
"attributes": {},
"path": [
"data-viz",
"aqua",
"900"
],
"cssWithValue": "var(--data-viz-aqua-900)"
},
"950": {
"key": "{data-viz.aqua.950}",
"$value": "#b5fefd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b5fefd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.950}"
},
"name": "A_VIZ_AQUA_950",
"attributes": {},
"path": [
"data-viz",
"aqua",
"950"
],
"cssWithValue": "var(--data-viz-aqua-950)"
}
},
"blue": {
"50": {
"key": "{data-viz.blue.50}",
"$value": "#2a2b59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#2a2b59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.50}"
},
"name": "A_VIZ_BLUE_50",
"attributes": {},
"path": [
"data-viz",
"blue",
"50"
],
"cssWithValue": "var(--data-viz-blue-50)"
},
"100": {
"key": "{data-viz.blue.100}",
"$value": "#303470",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#303470",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.100}"
},
"name": "A_VIZ_BLUE_100",
"attributes": {},
"path": [
"data-viz",
"blue",
"100"
],
"cssWithValue": "var(--data-viz-blue-100)"
},
"200": {
"key": "{data-viz.blue.200}",
"$value": "#374291",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#374291",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.200}"
},
"name": "A_VIZ_BLUE_200",
"attributes": {},
"path": [
"data-viz",
"blue",
"200"
],
"cssWithValue": "var(--data-viz-blue-200)"
},
"300": {
"key": "{data-viz.blue.300}",
"$value": "#3f51ae",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#3f51ae",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.300}"
},
"name": "A_VIZ_BLUE_300",
"attributes": {},
"path": [
"data-viz",
"blue",
"300"
],
"cssWithValue": "var(--data-viz-blue-300)"
},
"400": {
"key": "{data-viz.blue.400}",
"$value": "#4e65cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4e65cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.400}"
},
"name": "A_VIZ_BLUE_400",
"attributes": {},
"path": [
"data-viz",
"blue",
"400"
],
"cssWithValue": "var(--data-viz-blue-400)"
},
"500": {
"key": "{data-viz.blue.500}",
"$value": "#617ae2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#617ae2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.500}"
},
"name": "A_VIZ_BLUE_500",
"attributes": {},
"path": [
"data-viz",
"blue",
"500"
],
"cssWithValue": "var(--data-viz-blue-500)"
},
"600": {
"key": "{data-viz.blue.600}",
"$value": "#7992f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#7992f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.600}"
},
"name": "A_VIZ_BLUE_600",
"attributes": {},
"path": [
"data-viz",
"blue",
"600"
],
"cssWithValue": "var(--data-viz-blue-600)"
},
"700": {
"key": "{data-viz.blue.700}",
"$value": "#97acff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#97acff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.700}"
},
"name": "A_VIZ_BLUE_700",
"attributes": {},
"path": [
"data-viz",
"blue",
"700"
],
"cssWithValue": "var(--data-viz-blue-700)"
},
"800": {
"key": "{data-viz.blue.800}",
"$value": "#b7c6ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b7c6ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.800}"
},
"name": "A_VIZ_BLUE_800",
"attributes": {},
"path": [
"data-viz",
"blue",
"800"
],
"cssWithValue": "var(--data-viz-blue-800)"
},
"900": {
"key": "{data-viz.blue.900}",
"$value": "#d2dcff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#d2dcff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.900}"
},
"name": "A_VIZ_BLUE_900",
"attributes": {},
"path": [
"data-viz",
"blue",
"900"
],
"cssWithValue": "var(--data-viz-blue-900)"
},
"950": {
"key": "{data-viz.blue.950}",
"$value": "#e9ebff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e9ebff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.950}"
},
"name": "A_VIZ_BLUE_950",
"attributes": {},
"path": [
"data-viz",
"blue",
"950"
],
"cssWithValue": "var(--data-viz-blue-950)"
}
},
"magenta": {
"50": {
"key": "{data-viz.magenta.50}",
"$value": "#541d31",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#541d31",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.50}"
},
"name": "A_VIZ_MAGENTA_50",
"attributes": {},
"path": [
"data-viz",
"magenta",
"50"
],
"cssWithValue": "var(--data-viz-magenta-50)"
},
"100": {
"key": "{data-viz.magenta.100}",
"$value": "#661e3a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#661e3a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.100}"
},
"name": "A_VIZ_MAGENTA_100",
"attributes": {},
"path": [
"data-viz",
"magenta",
"100"
],
"cssWithValue": "var(--data-viz-magenta-100)"
},
"200": {
"key": "{data-viz.magenta.200}",
"$value": "#7c214f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#7c214f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.200}"
},
"name": "A_VIZ_MAGENTA_200",
"attributes": {},
"path": [
"data-viz",
"magenta",
"200"
],
"cssWithValue": "var(--data-viz-magenta-200)"
},
"300": {
"key": "{data-viz.magenta.300}",
"$value": "#9a2e5d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#9a2e5d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.300}"
},
"name": "A_VIZ_MAGENTA_300",
"attributes": {},
"path": [
"data-viz",
"magenta",
"300"
],
"cssWithValue": "var(--data-viz-magenta-300)"
},
"400": {
"key": "{data-viz.magenta.400}",
"$value": "#b93d71",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b93d71",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.400}"
},
"name": "A_VIZ_MAGENTA_400",
"attributes": {},
"path": [
"data-viz",
"magenta",
"400"
],
"cssWithValue": "var(--data-viz-magenta-400)"
},
"500": {
"key": "{data-viz.magenta.500}",
"$value": "#cf4d81",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#cf4d81",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.500}"
},
"name": "A_VIZ_MAGENTA_500",
"attributes": {},
"path": [
"data-viz",
"magenta",
"500"
],
"cssWithValue": "var(--data-viz-magenta-500)"
},
"600": {
"key": "{data-viz.magenta.600}",
"$value": "#e86e9a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e86e9a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.600}"
},
"name": "A_VIZ_MAGENTA_600",
"attributes": {},
"path": [
"data-viz",
"magenta",
"600"
],
"cssWithValue": "var(--data-viz-magenta-600)"
},
"700": {
"key": "{data-viz.magenta.700}",
"$value": "#f88aaf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#f88aaf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.700}"
},
"name": "A_VIZ_MAGENTA_700",
"attributes": {},
"path": [
"data-viz",
"magenta",
"700"
],
"cssWithValue": "var(--data-viz-magenta-700)"
},
"800": {
"key": "{data-viz.magenta.800}",
"$value": "#fcacc5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#fcacc5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.800}"
},
"name": "A_VIZ_MAGENTA_800",
"attributes": {},
"path": [
"data-viz",
"magenta",
"800"
],
"cssWithValue": "var(--data-viz-magenta-800)"
},
"900": {
"key": "{data-viz.magenta.900}",
"$value": "#ffccdb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ffccdb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.900}"
},
"name": "A_VIZ_MAGENTA_900",
"attributes": {},
"path": [
"data-viz",
"magenta",
"900"
],
"cssWithValue": "var(--data-viz-magenta-900)"
},
"950": {
"key": "{data-viz.magenta.950}",
"$value": "#ffe3eb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ffe3eb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.950}"
},
"name": "A_VIZ_MAGENTA_950",
"attributes": {},
"path": [
"data-viz",
"magenta",
"950"
],
"cssWithValue": "var(--data-viz-magenta-950)"
}
},
"orange": {
"50": {
"key": "{data-viz.orange.50}",
"$value": "#4b2707",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4b2707",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.50}"
},
"name": "A_VIZ_ORANGE_50",
"attributes": {},
"path": [
"data-viz",
"orange",
"50"
],
"cssWithValue": "var(--data-viz-orange-50)"
},
"100": {
"key": "{data-viz.orange.100}",
"$value": "#5e2f05",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#5e2f05",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.100}"
},
"name": "A_VIZ_ORANGE_100",
"attributes": {},
"path": [
"data-viz",
"orange",
"100"
],
"cssWithValue": "var(--data-viz-orange-100)"
},
"200": {
"key": "{data-viz.orange.200}",
"$value": "#6f3500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#6f3500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.200}"
},
"name": "A_VIZ_ORANGE_200",
"attributes": {},
"path": [
"data-viz",
"orange",
"200"
],
"cssWithValue": "var(--data-viz-orange-200)"
},
"300": {
"key": "{data-viz.orange.300}",
"$value": "#92430a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#92430a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.300}"
},
"name": "A_VIZ_ORANGE_300",
"attributes": {},
"path": [
"data-viz",
"orange",
"300"
],
"cssWithValue": "var(--data-viz-orange-300)"
},
"400": {
"key": "{data-viz.orange.400}",
"$value": "#b14f18",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b14f18",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.400}"
},
"name": "A_VIZ_ORANGE_400",
"attributes": {},
"path": [
"data-viz",
"orange",
"400"
],
"cssWithValue": "var(--data-viz-orange-400)"
},
"500": {
"key": "{data-viz.orange.500}",
"$value": "#c95d2e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#c95d2e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.500}"
},
"name": "A_VIZ_ORANGE_500",
"attributes": {},
"path": [
"data-viz",
"orange",
"500"
],
"cssWithValue": "var(--data-viz-orange-500)"
},
"600": {
"key": "{data-viz.orange.600}",
"$value": "#e07e41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e07e41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.600}"
},
"name": "A_VIZ_ORANGE_600",
"attributes": {},
"path": [
"data-viz",
"orange",
"600"
],
"cssWithValue": "var(--data-viz-orange-600)"
},
"700": {
"key": "{data-viz.orange.700}",
"$value": "#e99b60",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e99b60",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.700}"
},
"name": "A_VIZ_ORANGE_700",
"attributes": {},
"path": [
"data-viz",
"orange",
"700"
],
"cssWithValue": "var(--data-viz-orange-700)"
},
"800": {
"key": "{data-viz.orange.800}",
"$value": "#eebd8c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#eebd8c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.800}"
},
"name": "A_VIZ_ORANGE_800",
"attributes": {},
"path": [
"data-viz",
"orange",
"800"
],
"cssWithValue": "var(--data-viz-orange-800)"
},
"900": {
"key": "{data-viz.orange.900}",
"$value": "#f5d6b3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#f5d6b3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.900}"
},
"name": "A_VIZ_ORANGE_900",
"attributes": {},
"path": [
"data-viz",
"orange",
"900"
],
"cssWithValue": "var(--data-viz-orange-900)"
},
"950": {
"key": "{data-viz.orange.950}",
"$value": "#fae8d1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#fae8d1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.950}"
},
"name": "A_VIZ_ORANGE_950",
"attributes": {},
"path": [
"data-viz",
"orange",
"950"
],
"cssWithValue": "var(--data-viz-orange-950)"
}
}
},
"neutral": {
"0": {
"key": "{color.neutral.0}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.0}"
},
"name": "COLOR_NEUTRAL_0",
"attributes": {},
"path": [
"color",
"neutral",
"0"
],
"cssWithValue": "var(--gl-color-neutral-0)"
},
"10": {
"key": "{color.neutral.10}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.10}"
},
"name": "COLOR_NEUTRAL_10",
"attributes": {},
"path": [
"color",
"neutral",
"10"
],
"cssWithValue": "var(--gl-color-neutral-10)"
},
"50": {
"key": "{color.neutral.50}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.50}"
},
"name": "COLOR_NEUTRAL_50",
"attributes": {},
"path": [
"color",
"neutral",
"50"
],
"cssWithValue": "var(--gl-color-neutral-50)"
},
"100": {
"key": "{color.neutral.100}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.100}"
},
"name": "COLOR_NEUTRAL_100",
"attributes": {},
"path": [
"color",
"neutral",
"100"
],
"cssWithValue": "var(--gl-color-neutral-100)"
},
"200": {
"key": "{color.neutral.200}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.200}"
},
"name": "COLOR_NEUTRAL_200",
"attributes": {},
"path": [
"color",
"neutral",
"200"
],
"cssWithValue": "var(--gl-color-neutral-200)"
},
"300": {
"key": "{color.neutral.300}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.300}"
},
"name": "COLOR_NEUTRAL_300",
"attributes": {},
"path": [
"color",
"neutral",
"300"
],
"cssWithValue": "var(--gl-color-neutral-300)"
},
"400": {
"key": "{color.neutral.400}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.400}"
},
"name": "COLOR_NEUTRAL_400",
"attributes": {},
"path": [
"color",
"neutral",
"400"
],
"cssWithValue": "var(--gl-color-neutral-400)"
},
"500": {
"key": "{color.neutral.500}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.500}"
},
"name": "COLOR_NEUTRAL_500",
"attributes": {},
"path": [
"color",
"neutral",
"500"
],
"cssWithValue": "var(--gl-color-neutral-500)"
},
"600": {
"key": "{color.neutral.600}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.600}"
},
"name": "COLOR_NEUTRAL_600",
"attributes": {},
"path": [
"color",
"neutral",
"600"
],
"cssWithValue": "var(--gl-color-neutral-600)"
},
"700": {
"key": "{color.neutral.700}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.700}"
},
"name": "COLOR_NEUTRAL_700",
"attributes": {},
"path": [
"color",
"neutral",
"700"
],
"cssWithValue": "var(--gl-color-neutral-700)"
},
"800": {
"key": "{color.neutral.800}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.800}"
},
"name": "COLOR_NEUTRAL_800",
"attributes": {},
"path": [
"color",
"neutral",
"800"
],
"cssWithValue": "var(--gl-color-neutral-800)"
},
"900": {
"key": "{color.neutral.900}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.900}"
},
"name": "COLOR_NEUTRAL_900",
"attributes": {},
"path": [
"color",
"neutral",
"900"
],
"cssWithValue": "var(--gl-color-neutral-900)"
},
"950": {
"key": "{color.neutral.950}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.950}"
},
"name": "COLOR_NEUTRAL_950",
"attributes": {},
"path": [
"color",
"neutral",
"950"
],
"cssWithValue": "var(--gl-color-neutral-950)"
},
"1000": {
"key": "{color.neutral.1000}",
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.1000}"
},
"name": "COLOR_NEUTRAL_1000",
"attributes": {},
"path": [
"color",
"neutral",
"1000"
],
"cssWithValue": "var(--gl-color-neutral-1000)"
}
},
"white": {
"key": "{white}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{white}"
},
"name": "TE",
"attributes": {},
"path": [
"white"
],
"cssWithValue": "var(--white)"
},
"black": {
"key": "{black}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.0}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{black}"
},
"name": "CK",
"attributes": {},
"path": [
"black"
],
"cssWithValue": "var(--black)"
},
"color": {
"default": {
"key": "{background.color.default}",
"$value": "#18171d",
"$type": "color",
"$description": "Used for the default background color.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/background.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.950}",
"$type": "color",
"$description": "Used for the default background color.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{background.color.default}"
},
"name": "BACKGROUND_COLOR_DEFAULT",
"attributes": {},
"path": [
"background",
"color",
"default"
],
"cssWithValue": "var(--gl-background-color-default)"
},
"subtle": {
"key": "{background.color.subtle}",
"$value": "#28272d",
"$type": "color",
"$description": "Used to slightly differentiate the background from the default.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/background.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$description": "Used to slightly differentiate the background from the default.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{background.color.subtle}"
},
"name": "BACKGROUND_COLOR_SUBTLE",
"attributes": {},
"path": [
"background",
"color",
"subtle"
],
"cssWithValue": "var(--gl-background-color-subtle)"
},
"strong": {
"key": "{background.color.strong}",
"$value": "#3a383f",
"$type": "color",
"$description": "Used to make the background easily stand out from the default.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/background.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.800}",
"$type": "color",
"$description": "Used to make the background easily stand out from the default.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{background.color.strong}"
},
"name": "BACKGROUND_COLOR_STRONG",
"attributes": {},
"path": [
"background",
"color",
"strong"
],
"cssWithValue": "var(--gl-background-color-strong)"
},
"disabled": {
"key": "{background.color.disabled}",
"$value": "#28272d",
"$type": "color",
"$description": "Used to identify a disabled section.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/background.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$description": "Used to identify a disabled section.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{background.color.disabled}"
},
"name": "BACKGROUND_COLOR_DISABLED",
"attributes": {},
"path": [
"background",
"color",
"disabled"
],
"cssWithValue": "var(--gl-background-color-disabled)"
},
"overlap": {
"key": "{background.color.overlap}",
"$value": "#28272d",
"$type": "color",
"$description": "Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/background.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$description": "Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{background.color.overlap}"
},
"name": "BACKGROUND_COLOR_OVERLAP",
"attributes": {},
"path": [
"background",
"color",
"overlap"
],
"cssWithValue": "var(--gl-background-color-overlap)"
},
"section": {
"key": "{background.color.section}",
"$value": "#3a383f",
"$type": "color",
"$description": "Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/background.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.800}",
"$type": "color",
"$description": "Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{background.color.section}"
},
"name": "BACKGROUND_COLOR_SECTION",
"attributes": {},
"path": [
"background",
"color",
"section"
],
"cssWithValue": "var(--gl-background-color-section)"
},
"overlay": {
"key": "{background.color.overlay}",
"$value": "rgba(0, 0, 0, 0.64)",
"$type": "color",
"$description": "Used for an overlay that covers other content.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/background.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(0, 0, 0, 0.64)",
"$type": "color",
"$description": "Used for an overlay that covers other content.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{background.color.overlay}"
},
"name": "BACKGROUND_COLOR_OVERLAY",
"attributes": {},
"path": [
"background",
"color",
"overlay"
],
"cssWithValue": "var(--gl-background-color-overlay)"
}
},
"status": {
"neutral": {
"key": "{status.neutral.background.color}",
"$value": "#3a383f",
"$type": "color",
"$description": "Used for the background of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.800}",
"$type": "color",
"$description": "Used for the background of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{status.neutral.background.color}"
},
"name": "STATUS_NEUTRAL_BACKGROUND_COLOR",
"attributes": {},
"path": [
"status",
"neutral",
"background",
"color"
],
"cssWithValue": "var(--gl-status-neutral-background-color)"
},
"info": {
"key": "{status.info.background.color}",
"$value": "#284779",
"$type": "color",
"$description": "Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.800}",
"$type": "color",
"$description": "Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{status.info.background.color}"
},
"name": "STATUS_INFO_BACKGROUND_COLOR",
"attributes": {},
"path": [
"status",
"info",
"background",
"color"
],
"cssWithValue": "var(--gl-status-info-background-color)"
},
"success": {
"key": "{status.success.background.color}",
"$value": "#225131",
"$type": "color",
"$description": "Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.800}",
"$type": "color",
"$description": "Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{status.success.background.color}"
},
"name": "STATUS_SUCCESS_BACKGROUND_COLOR",
"attributes": {},
"path": [
"status",
"success",
"background",
"color"
],
"cssWithValue": "var(--gl-status-success-background-color)"
},
"warning": {
"key": "{status.warning.background.color}",
"$value": "#693c14",
"$type": "color",
"$description": "Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.800}",
"$type": "color",
"$description": "Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{status.warning.background.color}"
},
"name": "STATUS_WARNING_BACKGROUND_COLOR",
"attributes": {},
"path": [
"status",
"warning",
"background",
"color"
],
"cssWithValue": "var(--gl-status-warning-background-color)"
},
"danger": {
"key": "{status.danger.background.color}",
"$value": "#812713",
"$type": "color",
"$description": "Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.800}",
"$type": "color",
"$description": "Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{status.danger.background.color}"
},
"name": "STATUS_DANGER_BACKGROUND_COLOR",
"attributes": {},
"path": [
"status",
"danger",
"background",
"color"
],
"cssWithValue": "var(--gl-status-danger-background-color)"
},
"brand": {
"key": "{status.brand.background.color}",
"$value": "#342d59",
"$type": "color",
"$description": "Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.900}",
"$type": "color",
"$description": "Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{status.brand.background.color}"
},
"name": "STATUS_BRAND_BACKGROUND_COLOR",
"attributes": {},
"path": [
"status",
"brand",
"background",
"color"
],
"cssWithValue": "var(--gl-status-brand-background-color)"
}
},
"feedback": {
"strong": {
"key": "{feedback.strong.background.color}",
"$value": "#3a383f",
"$type": "color",
"$description": "Used for a background associated with strong feedback like a tooltip or toast message.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.800}",
"$type": "color",
"$description": "Used for a background associated with strong feedback like a tooltip or toast message.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{feedback.strong.background.color}"
},
"name": "FEEDBACK_STRONG_BACKGROUND_COLOR",
"attributes": {},
"path": [
"feedback",
"strong",
"background",
"color"
],
"cssWithValue": "var(--gl-feedback-strong-background-color)"
},
"neutral": {
"key": "{feedback.neutral.background.color}",
"$value": "#28272d",
"$type": "color",
"$description": "Used for the background of a neutral feedback item when there isn't a specific meaning or urgency.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$description": "Used for the background of a neutral feedback item when there isn't a specific meaning or urgency.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{feedback.neutral.background.color}"
},
"name": "FEEDBACK_NEUTRAL_BACKGROUND_COLOR",
"attributes": {},
"path": [
"feedback",
"neutral",
"background",
"color"
],
"cssWithValue": "var(--gl-feedback-neutral-background-color)"
},
"info": {
"key": "{feedback.info.background.color}",
"$value": "#1d283e",
"$type": "color",
"$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.950}",
"$type": "color",
"$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{feedback.info.background.color}"
},
"name": "FEEDBACK_INFO_BACKGROUND_COLOR",
"attributes": {},
"path": [
"feedback",
"info",
"background",
"color"
],
"cssWithValue": "var(--gl-feedback-info-background-color)"
},
"success": {
"key": "{feedback.success.background.color}",
"$value": "#1e3e28",
"$type": "color",
"$description": "Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.900}",
"$type": "color",
"$description": "Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{feedback.success.background.color}"
},
"name": "FEEDBACK_SUCCESS_BACKGROUND_COLOR",
"attributes": {},
"path": [
"feedback",
"success",
"background",
"color"
],
"cssWithValue": "var(--gl-feedback-success-background-color)"
},
"warning": {
"key": "{feedback.warning.background.color}",
"$value": "#532e16",
"$type": "color",
"$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.900}",
"$type": "color",
"$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{feedback.warning.background.color}"
},
"name": "FEEDBACK_WARNING_BACKGROUND_COLOR",
"attributes": {},
"path": [
"feedback",
"warning",
"background",
"color"
],
"cssWithValue": "var(--gl-feedback-warning-background-color)"
},
"danger": {
"key": "{feedback.danger.background.color}",
"$value": "#582014",
"$type": "color",
"$description": "Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.900}",
"$type": "color",
"$description": "Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{feedback.danger.background.color}"
},
"name": "FEEDBACK_DANGER_BACKGROUND_COLOR",
"attributes": {},
"path": [
"feedback",
"danger",
"background",
"color"
],
"cssWithValue": "var(--gl-feedback-danger-background-color)"
},
"brand": {
"key": "{feedback.brand.background.color}",
"$value": "#27243e",
"$type": "color",
"$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.950}",
"$type": "color",
"$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{feedback.brand.background.color}"
},
"name": "FEEDBACK_BRAND_BACKGROUND_COLOR",
"attributes": {},
"path": [
"feedback",
"brand",
"background",
"color"
],
"cssWithValue": "var(--gl-feedback-brand-background-color)"
}
},
"dropdown": {
"key": "{dropdown.background.color}",
"$value": "#28272d",
"$type": "color",
"$description": "Used for the background of a dropdown.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/contextual/dropdown.tokens.json",
"isSource": true,
"original": {
"$value": "{background.color.overlap}",
"$type": "color",
"$description": "Used for the background of a dropdown.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{dropdown.background.color}"
},
"name": "DROPDOWN_BACKGROUND_COLOR",
"attributes": {},
"path": [
"dropdown",
"background",
"color"
],
"cssWithValue": "var(--gl-dropdown-background-color)"
},
"control": {
"default": {
"key": "{control.background.color.default}",
"$value": "rgba(5, 5, 6, 0.4)",
"$type": "color",
"$description": "Used for form control (input, radio button, checkbox, textarea) default background.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/control.tokens.json",
"isSource": true,
"original": {
"$value": "{color.alpha.dark.40}",
"$type": "color",
"$description": "Used for form control (input, radio button, checkbox, textarea) default background.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{control.background.color.default}"
},
"name": "CONTROL_BACKGROUND_COLOR_DEFAULT",
"attributes": {},
"path": [
"control",
"background",
"color",
"default"
],
"cssWithValue": "var(--gl-control-background-color-default)"
},
"disabled": {
"key": "{control.background.color.disabled}",
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$description": "Used for disabled form control (checkbox, input, radio button, textarea) background.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/control.tokens.json",
"isSource": true,
"original": {
"$value": "{color.alpha.light.4}",
"$type": "color",
"$description": "Used for disabled form control (checkbox, input, radio button, textarea) background.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{control.background.color.disabled}"
},
"name": "CONTROL_BACKGROUND_COLOR_DISABLED",
"attributes": {},
"path": [
"control",
"background",
"color",
"disabled"
],
"cssWithValue": "var(--gl-control-background-color-disabled)"
},
"concatenation": {
"key": "{control.background.color.concatenation}",
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$description": "Used for the background of static content that prepends or appends a text input.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/control.tokens.json",
"isSource": true,
"original": {
"$value": "{color.alpha.light.4}",
"$type": "color",
"$description": "Used for the background of static content that prepends or appends a text input.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{control.background.color.concatenation}"
},
"name": "CONTROL_BACKGROUND_COLOR_CONCATENATION",
"attributes": {},
"path": [
"control",
"background",
"color",
"concatenation"
],
"cssWithValue": "var(--gl-control-background-color-concatenation)"
},
"readonly": {
"key": "{control.background.color.readonly}",
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$description": "Used for the background of static content that prepends or appends a text input.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"filePath": "src/tokens/semantic/control.tokens.json",
"isSource": true,
"original": {
"$value": "{color.alpha.light.8}",
"$type": "color",
"$description": "Used for the background of static content that prepends or appends a text input.",
"$extensions": {
"com.figma.scopes": [
"FRAME_FILL",
"SHAPE_FILL"
]
},
"key": "{control.background.color.readonly}"
},
"name": "CONTROL_BACKGROUND_COLOR_READONLY",
"attributes": {},
"path": [
"control",
"background",
"color",
"readonly"
],
"cssWithValue": "var(--gl-control-background-color-readonly)"
}
}
},
"border": {
"alpha": {
"light": {
"2": {
"key": "{color.alpha.light.2}",
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.2}"
},
"name": "COLOR_ALPHA_LIGHT_2",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"2"
],
"cssWithValue": "var(--gl-color-alpha-light-2)"
},
"4": {
"key": "{color.alpha.light.4}",
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.4}"
},
"name": "COLOR_ALPHA_LIGHT_4",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"4"
],
"cssWithValue": "var(--gl-color-alpha-light-4)"
},
"6": {
"key": "{color.alpha.light.6}",
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.6}"
},
"name": "COLOR_ALPHA_LIGHT_6",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"6"
],
"cssWithValue": "var(--gl-color-alpha-light-6)"
},
"8": {
"key": "{color.alpha.light.8}",
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.8}"
},
"name": "COLOR_ALPHA_LIGHT_8",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"8"
],
"cssWithValue": "var(--gl-color-alpha-light-8)"
},
"16": {
"key": "{color.alpha.light.16}",
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.16}"
},
"name": "COLOR_ALPHA_LIGHT_16",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"16"
],
"cssWithValue": "var(--gl-color-alpha-light-16)"
},
"24": {
"key": "{color.alpha.light.24}",
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.24}"
},
"name": "COLOR_ALPHA_LIGHT_24",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"24"
],
"cssWithValue": "var(--gl-color-alpha-light-24)"
},
"36": {
"key": "{color.alpha.light.36}",
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$deprecated": true,
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$deprecated": true,
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.36}"
},
"name": "COLOR_ALPHA_LIGHT_36",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"36"
],
"cssWithValue": "var(--gl-color-alpha-light-36)"
},
"40": {
"key": "{color.alpha.light.40}",
"$value": "rgba(255, 255, 255, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.40}"
},
"name": "COLOR_ALPHA_LIGHT_40",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"40"
],
"cssWithValue": "var(--gl-color-alpha-light-40)"
}
},
"dark": {
"2": {
"key": "{color.alpha.dark.2}",
"$value": "rgba(5, 5, 6, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.2}"
},
"name": "COLOR_ALPHA_DARK_2",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"2"
],
"cssWithValue": "var(--gl-color-alpha-dark-2)"
},
"4": {
"key": "{color.alpha.dark.4}",
"$value": "rgba(5, 5, 6, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.4}"
},
"name": "COLOR_ALPHA_DARK_4",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"4"
],
"cssWithValue": "var(--gl-color-alpha-dark-4)"
},
"6": {
"key": "{color.alpha.dark.6}",
"$value": "rgba(5, 5, 6, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.6}"
},
"name": "COLOR_ALPHA_DARK_6",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"6"
],
"cssWithValue": "var(--gl-color-alpha-dark-6)"
},
"8": {
"key": "{color.alpha.dark.8}",
"$value": "rgba(5, 5, 6, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.8}"
},
"name": "COLOR_ALPHA_DARK_8",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"8"
],
"cssWithValue": "var(--gl-color-alpha-dark-8)"
},
"16": {
"key": "{color.alpha.dark.16}",
"$value": "rgba(5, 5, 6, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.16}"
},
"name": "COLOR_ALPHA_DARK_16",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"16"
],
"cssWithValue": "var(--gl-color-alpha-dark-16)"
},
"24": {
"key": "{color.alpha.dark.24}",
"$value": "rgba(5, 5, 6, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.24}"
},
"name": "COLOR_ALPHA_DARK_24",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"24"
],
"cssWithValue": "var(--gl-color-alpha-dark-24)"
},
"40": {
"key": "{color.alpha.dark.40}",
"$value": "rgba(5, 5, 6, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.40}"
},
"name": "COLOR_ALPHA_DARK_40",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"40"
],
"cssWithValue": "var(--gl-color-alpha-dark-40)"
}
}
},
"blue": {
"50": {
"key": "{blue.50}",
"$value": "#213454",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.50}"
},
"name": "E_50",
"attributes": {},
"path": [
"blue",
"50"
],
"cssWithValue": "var(--blue-50)"
},
"100": {
"key": "{blue.100}",
"$value": "#284779",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.100}"
},
"name": "E_100",
"attributes": {},
"path": [
"blue",
"100"
],
"cssWithValue": "var(--blue-100)"
},
"200": {
"key": "{blue.200}",
"$value": "#2f5ca0",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.200}"
},
"name": "E_200",
"attributes": {},
"path": [
"blue",
"200"
],
"cssWithValue": "var(--blue-200)"
},
"300": {
"key": "{blue.300}",
"$value": "#2f68b4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.300}"
},
"name": "E_300",
"attributes": {},
"path": [
"blue",
"300"
],
"cssWithValue": "var(--blue-300)"
},
"400": {
"key": "{blue.400}",
"$value": "#1f75cb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.400}"
},
"name": "E_400",
"attributes": {},
"path": [
"blue",
"400"
],
"cssWithValue": "var(--blue-400)"
},
"500": {
"key": "{blue.500}",
"$value": "#428fdc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.500}"
},
"name": "E_500",
"attributes": {},
"path": [
"blue",
"500"
],
"cssWithValue": "var(--blue-500)"
},
"600": {
"key": "{blue.600}",
"$value": "#63a6e9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.600}"
},
"name": "E_600",
"attributes": {},
"path": [
"blue",
"600"
],
"cssWithValue": "var(--blue-600)"
},
"700": {
"key": "{blue.700}",
"$value": "#9dc7f1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.700}"
},
"name": "E_700",
"attributes": {},
"path": [
"blue",
"700"
],
"cssWithValue": "var(--blue-700)"
},
"800": {
"key": "{blue.800}",
"$value": "#cbe2f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.800}"
},
"name": "E_800",
"attributes": {},
"path": [
"blue",
"800"
],
"cssWithValue": "var(--blue-800)"
},
"900": {
"key": "{blue.900}",
"$value": "#e9f3fc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.900}"
},
"name": "E_900",
"attributes": {},
"path": [
"blue",
"900"
],
"cssWithValue": "var(--blue-900)"
},
"950": {
"key": "{blue.950}",
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.950}"
},
"name": "E_950",
"attributes": {},
"path": [
"blue",
"950"
],
"cssWithValue": "var(--blue-950)"
}
},
"gray": {
"10": {
"key": "{gray.10}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.950}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.10}"
},
"name": "Y_10",
"attributes": {},
"path": [
"gray",
"10"
],
"cssWithValue": "var(--gray-10)"
},
"50": {
"key": "{gray.50}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.50}"
},
"name": "Y_50",
"attributes": {},
"path": [
"gray",
"50"
],
"cssWithValue": "var(--gray-50)"
},
"100": {
"key": "{gray.100}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.100}"
},
"name": "Y_100",
"attributes": {},
"path": [
"gray",
"100"
],
"cssWithValue": "var(--gray-100)"
},
"200": {
"key": "{gray.200}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.200}"
},
"name": "Y_200",
"attributes": {},
"path": [
"gray",
"200"
],
"cssWithValue": "var(--gray-200)"
},
"300": {
"key": "{gray.300}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.300}"
},
"name": "Y_300",
"attributes": {},
"path": [
"gray",
"300"
],
"cssWithValue": "var(--gray-300)"
},
"400": {
"key": "{gray.400}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.400}"
},
"name": "Y_400",
"attributes": {},
"path": [
"gray",
"400"
],
"cssWithValue": "var(--gray-400)"
},
"500": {
"key": "{gray.500}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.500}"
},
"name": "Y_500",
"attributes": {},
"path": [
"gray",
"500"
],
"cssWithValue": "var(--gray-500)"
},
"600": {
"key": "{gray.600}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.600}"
},
"name": "Y_600",
"attributes": {},
"path": [
"gray",
"600"
],
"cssWithValue": "var(--gray-600)"
},
"700": {
"key": "{gray.700}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.700}"
},
"name": "Y_700",
"attributes": {},
"path": [
"gray",
"700"
],
"cssWithValue": "var(--gray-700)"
},
"800": {
"key": "{gray.800}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.800}"
},
"name": "Y_800",
"attributes": {},
"path": [
"gray",
"800"
],
"cssWithValue": "var(--gray-800)"
},
"900": {
"key": "{gray.900}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.900}"
},
"name": "Y_900",
"attributes": {},
"path": [
"gray",
"900"
],
"cssWithValue": "var(--gray-900)"
},
"950": {
"key": "{gray.950}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.10}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.950}"
},
"name": "Y_950",
"attributes": {},
"path": [
"gray",
"950"
],
"cssWithValue": "var(--gray-950)"
}
},
"green": {
"50": {
"key": "{green.50}",
"$value": "#1e3e28",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.50}"
},
"name": "EN_50",
"attributes": {},
"path": [
"green",
"50"
],
"cssWithValue": "var(--green-50)"
},
"100": {
"key": "{green.100}",
"$value": "#225131",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.100}"
},
"name": "EN_100",
"attributes": {},
"path": [
"green",
"100"
],
"cssWithValue": "var(--green-100)"
},
"200": {
"key": "{green.200}",
"$value": "#306440",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.200}"
},
"name": "EN_200",
"attributes": {},
"path": [
"green",
"200"
],
"cssWithValue": "var(--green-200)"
},
"300": {
"key": "{green.300}",
"$value": "#2f7549",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.300}"
},
"name": "EN_300",
"attributes": {},
"path": [
"green",
"300"
],
"cssWithValue": "var(--green-300)"
},
"400": {
"key": "{green.400}",
"$value": "#108548",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.400}"
},
"name": "EN_400",
"attributes": {},
"path": [
"green",
"400"
],
"cssWithValue": "var(--green-400)"
},
"500": {
"key": "{green.500}",
"$value": "#2da160",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.500}"
},
"name": "EN_500",
"attributes": {},
"path": [
"green",
"500"
],
"cssWithValue": "var(--green-500)"
},
"600": {
"key": "{green.600}",
"$value": "#52b87a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.600}"
},
"name": "EN_600",
"attributes": {},
"path": [
"green",
"600"
],
"cssWithValue": "var(--green-600)"
},
"700": {
"key": "{green.700}",
"$value": "#91d4a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.700}"
},
"name": "EN_700",
"attributes": {},
"path": [
"green",
"700"
],
"cssWithValue": "var(--green-700)"
},
"800": {
"key": "{green.800}",
"$value": "#c3e6cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.800}"
},
"name": "EN_800",
"attributes": {},
"path": [
"green",
"800"
],
"cssWithValue": "var(--green-800)"
},
"900": {
"key": "{green.900}",
"$value": "#ecf4ee",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.900}"
},
"name": "EN_900",
"attributes": {},
"path": [
"green",
"900"
],
"cssWithValue": "var(--green-900)"
},
"950": {
"key": "{green.950}",
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.950}"
},
"name": "EN_950",
"attributes": {},
"path": [
"green",
"950"
],
"cssWithValue": "var(--green-950)"
}
},
"orange": {
"50": {
"key": "{orange.50}",
"$value": "#532e16",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.50}"
},
"name": "NGE_50",
"attributes": {},
"path": [
"orange",
"50"
],
"cssWithValue": "var(--orange-50)"
},
"100": {
"key": "{orange.100}",
"$value": "#693c14",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.100}"
},
"name": "NGE_100",
"attributes": {},
"path": [
"orange",
"100"
],
"cssWithValue": "var(--orange-100)"
},
"200": {
"key": "{orange.200}",
"$value": "#894b16",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.200}"
},
"name": "NGE_200",
"attributes": {},
"path": [
"orange",
"200"
],
"cssWithValue": "var(--orange-200)"
},
"300": {
"key": "{orange.300}",
"$value": "#995715",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.300}"
},
"name": "NGE_300",
"attributes": {},
"path": [
"orange",
"300"
],
"cssWithValue": "var(--orange-300)"
},
"400": {
"key": "{orange.400}",
"$value": "#ab6100",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.400}"
},
"name": "NGE_400",
"attributes": {},
"path": [
"orange",
"400"
],
"cssWithValue": "var(--orange-400)"
},
"500": {
"key": "{orange.500}",
"$value": "#c17d10",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.500}"
},
"name": "NGE_500",
"attributes": {},
"path": [
"orange",
"500"
],
"cssWithValue": "var(--orange-500)"
},
"600": {
"key": "{orange.600}",
"$value": "#d99530",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.600}"
},
"name": "NGE_600",
"attributes": {},
"path": [
"orange",
"600"
],
"cssWithValue": "var(--orange-600)"
},
"700": {
"key": "{orange.700}",
"$value": "#e9be74",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.700}"
},
"name": "NGE_700",
"attributes": {},
"path": [
"orange",
"700"
],
"cssWithValue": "var(--orange-700)"
},
"800": {
"key": "{orange.800}",
"$value": "#f5d9a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.800}"
},
"name": "NGE_800",
"attributes": {},
"path": [
"orange",
"800"
],
"cssWithValue": "var(--orange-800)"
},
"900": {
"key": "{orange.900}",
"$value": "#fdf1dd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.900}"
},
"name": "NGE_900",
"attributes": {},
"path": [
"orange",
"900"
],
"cssWithValue": "var(--orange-900)"
},
"950": {
"key": "{orange.950}",
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.950}"
},
"name": "NGE_950",
"attributes": {},
"path": [
"orange",
"950"
],
"cssWithValue": "var(--orange-950)"
}
},
"purple": {
"50": {
"key": "{purple.50}",
"$value": "#27243e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.950}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.50}"
},
"name": "PLE_50",
"attributes": {},
"path": [
"purple",
"50"
],
"cssWithValue": "var(--purple-50)"
},
"100": {
"key": "{purple.100}",
"$value": "#342d59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.100}"
},
"name": "PLE_100",
"attributes": {},
"path": [
"purple",
"100"
],
"cssWithValue": "var(--purple-100)"
},
"200": {
"key": "{purple.200}",
"$value": "#493c83",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.200}"
},
"name": "PLE_200",
"attributes": {},
"path": [
"purple",
"200"
],
"cssWithValue": "var(--purple-200)"
},
"300": {
"key": "{purple.300}",
"$value": "#5c47a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.300}"
},
"name": "PLE_300",
"attributes": {},
"path": [
"purple",
"300"
],
"cssWithValue": "var(--purple-300)"
},
"400": {
"key": "{purple.400}",
"$value": "#6a4fb4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.400}"
},
"name": "PLE_400",
"attributes": {},
"path": [
"purple",
"400"
],
"cssWithValue": "var(--purple-400)"
},
"500": {
"key": "{purple.500}",
"$value": "#7b58cf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.500}"
},
"name": "PLE_500",
"attributes": {},
"path": [
"purple",
"500"
],
"cssWithValue": "var(--purple-500)"
},
"600": {
"key": "{purple.600}",
"$value": "#9475db",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.600}"
},
"name": "PLE_600",
"attributes": {},
"path": [
"purple",
"600"
],
"cssWithValue": "var(--purple-600)"
},
"700": {
"key": "{purple.700}",
"$value": "#ac93e6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.700}"
},
"name": "PLE_700",
"attributes": {},
"path": [
"purple",
"700"
],
"cssWithValue": "var(--purple-700)"
},
"800": {
"key": "{purple.800}",
"$value": "#cbbbf2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.800}"
},
"name": "PLE_800",
"attributes": {},
"path": [
"purple",
"800"
],
"cssWithValue": "var(--purple-800)"
},
"900": {
"key": "{purple.900}",
"$value": "#e1d8f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.900}"
},
"name": "PLE_900",
"attributes": {},
"path": [
"purple",
"900"
],
"cssWithValue": "var(--purple-900)"
},
"950": {
"key": "{purple.950}",
"$value": "#f4f0ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.950}"
},
"name": "PLE_950",
"attributes": {},
"path": [
"purple",
"950"
],
"cssWithValue": "var(--purple-950)"
}
},
"red": {
"50": {
"key": "{red.50}",
"$value": "#582014",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.50}"
},
"name": "_50",
"attributes": {},
"path": [
"red",
"50"
],
"cssWithValue": "var(--red-50)"
},
"100": {
"key": "{red.100}",
"$value": "#812713",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.100}"
},
"name": "_100",
"attributes": {},
"path": [
"red",
"100"
],
"cssWithValue": "var(--red-100)"
},
"200": {
"key": "{red.200}",
"$value": "#a32c12",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.200}"
},
"name": "_200",
"attributes": {},
"path": [
"red",
"200"
],
"cssWithValue": "var(--red-200)"
},
"300": {
"key": "{red.300}",
"$value": "#c02f12",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.300}"
},
"name": "_300",
"attributes": {},
"path": [
"red",
"300"
],
"cssWithValue": "var(--red-300)"
},
"400": {
"key": "{red.400}",
"$value": "#dd2b0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.400}"
},
"name": "_400",
"attributes": {},
"path": [
"red",
"400"
],
"cssWithValue": "var(--red-400)"
},
"500": {
"key": "{red.500}",
"$value": "#ec5941",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.500}"
},
"name": "_500",
"attributes": {},
"path": [
"red",
"500"
],
"cssWithValue": "var(--red-500)"
},
"600": {
"key": "{red.600}",
"$value": "#f6806d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.600}"
},
"name": "_600",
"attributes": {},
"path": [
"red",
"600"
],
"cssWithValue": "var(--red-600)"
},
"700": {
"key": "{red.700}",
"$value": "#fcb5aa",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.700}"
},
"name": "_700",
"attributes": {},
"path": [
"red",
"700"
],
"cssWithValue": "var(--red-700)"
},
"800": {
"key": "{red.800}",
"$value": "#fdd4cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.800}"
},
"name": "_800",
"attributes": {},
"path": [
"red",
"800"
],
"cssWithValue": "var(--red-800)"
},
"900": {
"key": "{red.900}",
"$value": "#fcf1ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.900}"
},
"name": "_900",
"attributes": {},
"path": [
"red",
"900"
],
"cssWithValue": "var(--red-900)"
},
"950": {
"key": "{red.950}",
"$value": "#fff4f3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff4f3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.950}"
},
"name": "_950",
"attributes": {},
"path": [
"red",
"950"
],
"cssWithValue": "var(--red-950)"
}
},
"brand-white": {
"key": "{color.brand-white}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-white}"
},
"name": "COLOR_BRAND_WHITE",
"attributes": {},
"path": [
"color",
"brand-white"
],
"cssWithValue": "var(--gl-color-brand-white)"
},
"brand-charcoal": {
"key": "{color.brand-charcoal}",
"$value": "#171321",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#171321",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-charcoal}"
},
"name": "COLOR_BRAND_CHARCOAL",
"attributes": {},
"path": [
"color",
"brand-charcoal"
],
"cssWithValue": "var(--gl-color-brand-charcoal)"
},
"brand-orange": {
"01g": {
"key": "{color.brand-orange.01g}",
"$value": "#ffd1bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ffd1bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.01g}"
},
"name": "COLOR_BRAND_ORANGE_01G",
"attributes": {},
"path": [
"color",
"brand-orange",
"01g"
],
"cssWithValue": "var(--gl-color-brand-orange-01g)"
},
"01p": {
"key": "{color.brand-orange.01p}",
"$value": "#fca326",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fca326",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.01p}"
},
"name": "COLOR_BRAND_ORANGE_01P",
"attributes": {},
"path": [
"color",
"brand-orange",
"01p"
],
"cssWithValue": "var(--gl-color-brand-orange-01p)"
},
"02p": {
"key": "{color.brand-orange.02p}",
"$value": "#fc6d26",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fc6d26",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.02p}"
},
"name": "COLOR_BRAND_ORANGE_02P",
"attributes": {},
"path": [
"color",
"brand-orange",
"02p"
],
"cssWithValue": "var(--gl-color-brand-orange-02p)"
},
"03p": {
"key": "{color.brand-orange.03p}",
"$value": "#e24329",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#e24329",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.03p}"
},
"name": "COLOR_BRAND_ORANGE_03P",
"attributes": {},
"path": [
"color",
"brand-orange",
"03p"
],
"cssWithValue": "var(--gl-color-brand-orange-03p)"
}
},
"brand-purple": {
"01g": {
"key": "{color.brand-purple.01g}",
"$value": "#ceb3ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ceb3ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.01g}"
},
"name": "COLOR_BRAND_PURPLE_01G",
"attributes": {},
"path": [
"color",
"brand-purple",
"01g"
],
"cssWithValue": "var(--gl-color-brand-purple-01g)"
},
"01p": {
"key": "{color.brand-purple.01p}",
"$value": "#a989f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#a989f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.01p}"
},
"name": "COLOR_BRAND_PURPLE_01P",
"attributes": {},
"path": [
"color",
"brand-purple",
"01p"
],
"cssWithValue": "var(--gl-color-brand-purple-01p)"
},
"02p": {
"key": "{color.brand-purple.02p}",
"$value": "#7759c2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#7759c2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.02p}"
},
"name": "COLOR_BRAND_PURPLE_02P",
"attributes": {},
"path": [
"color",
"brand-purple",
"02p"
],
"cssWithValue": "var(--gl-color-brand-purple-02p)"
}
},
"brand-gray": {
"01": {
"key": "{color.brand-gray.01}",
"$value": "#d1d0d3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#d1d0d3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.01}"
},
"name": "COLOR_BRAND_GRAY_01",
"attributes": {},
"path": [
"color",
"brand-gray",
"01"
],
"cssWithValue": "var(--gl-color-brand-gray-01)"
},
"02": {
"key": "{color.brand-gray.02}",
"$value": "#a2a1a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#a2a1a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.02}"
},
"name": "COLOR_BRAND_GRAY_02",
"attributes": {},
"path": [
"color",
"brand-gray",
"02"
],
"cssWithValue": "var(--gl-color-brand-gray-02)"
},
"03": {
"key": "{color.brand-gray.03}",
"$value": "#74717a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#74717a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.03}"
},
"name": "COLOR_BRAND_GRAY_03",
"attributes": {},
"path": [
"color",
"brand-gray",
"03"
],
"cssWithValue": "var(--gl-color-brand-gray-03)"
},
"04": {
"key": "{color.brand-gray.04}",
"$value": "#45424d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#45424d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.04}"
},
"name": "COLOR_BRAND_GRAY_04",
"attributes": {},
"path": [
"color",
"brand-gray",
"04"
],
"cssWithValue": "var(--gl-color-brand-gray-04)"
},
"05": {
"key": "{color.brand-gray.05}",
"$value": "#2b2838",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#2b2838",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.05}"
},
"name": "COLOR_BRAND_GRAY_05",
"attributes": {},
"path": [
"color",
"brand-gray",
"05"
],
"cssWithValue": "var(--gl-color-brand-gray-05)"
}
},
"brand-pink": {
"01g": {
"key": "{color.brand-pink.01g}",
"$value": "#ffb9c9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ffb9c9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-pink.01g}"
},
"name": "COLOR_BRAND_PINK_01G",
"attributes": {},
"path": [
"color",
"brand-pink",
"01g"
],
"cssWithValue": "var(--gl-color-brand-pink-01g)"
}
},
"data-viz": {
"green": {
"50": {
"key": "{data-viz.green.50}",
"$value": "#133a03",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#133a03",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.50}"
},
"name": "A_VIZ_GREEN_50",
"attributes": {},
"path": [
"data-viz",
"green",
"50"
],
"cssWithValue": "var(--data-viz-green-50)"
},
"100": {
"key": "{data-viz.green.100}",
"$value": "#1a4500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#1a4500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.100}"
},
"name": "A_VIZ_GREEN_100",
"attributes": {},
"path": [
"data-viz",
"green",
"100"
],
"cssWithValue": "var(--data-viz-green-100)"
},
"200": {
"key": "{data-viz.green.200}",
"$value": "#275600",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#275600",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.200}"
},
"name": "A_VIZ_GREEN_200",
"attributes": {},
"path": [
"data-viz",
"green",
"200"
],
"cssWithValue": "var(--data-viz-green-200)"
},
"300": {
"key": "{data-viz.green.300}",
"$value": "#366800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#366800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.300}"
},
"name": "A_VIZ_GREEN_300",
"attributes": {},
"path": [
"data-viz",
"green",
"300"
],
"cssWithValue": "var(--data-viz-green-300)"
},
"400": {
"key": "{data-viz.green.400}",
"$value": "#4e7f0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4e7f0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.400}"
},
"name": "A_VIZ_GREEN_400",
"attributes": {},
"path": [
"data-viz",
"green",
"400"
],
"cssWithValue": "var(--data-viz-green-400)"
},
"500": {
"key": "{data-viz.green.500}",
"$value": "#619025",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#619025",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.500}"
},
"name": "A_VIZ_GREEN_500",
"attributes": {},
"path": [
"data-viz",
"green",
"500"
],
"cssWithValue": "var(--data-viz-green-500)"
},
"600": {
"key": "{data-viz.green.600}",
"$value": "#81ac41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#81ac41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.600}"
},
"name": "A_VIZ_GREEN_600",
"attributes": {},
"path": [
"data-viz",
"green",
"600"
],
"cssWithValue": "var(--data-viz-green-600)"
},
"700": {
"key": "{data-viz.green.700}",
"$value": "#94c25e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#94c25e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.700}"
},
"name": "A_VIZ_GREEN_700",
"attributes": {},
"path": [
"data-viz",
"green",
"700"
],
"cssWithValue": "var(--data-viz-green-700)"
},
"800": {
"key": "{data-viz.green.800}",
"$value": "#b0d97b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b0d97b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.800}"
},
"name": "A_VIZ_GREEN_800",
"attributes": {},
"path": [
"data-viz",
"green",
"800"
],
"cssWithValue": "var(--data-viz-green-800)"
},
"900": {
"key": "{data-viz.green.900}",
"$value": "#c6ed94",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#c6ed94",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.900}"
},
"name": "A_VIZ_GREEN_900",
"attributes": {},
"path": [
"data-viz",
"green",
"900"
],
"cssWithValue": "var(--data-viz-green-900)"
},
"950": {
"key": "{data-viz.green.950}",
"$value": "#ddfab7",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ddfab7",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.950}"
},
"name": "A_VIZ_GREEN_950",
"attributes": {},
"path": [
"data-viz",
"green",
"950"
],
"cssWithValue": "var(--data-viz-green-950)"
}
},
"aqua": {
"50": {
"key": "{data-viz.aqua.50}",
"$value": "#00344b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00344b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.50}"
},
"name": "A_VIZ_AQUA_50",
"attributes": {},
"path": [
"data-viz",
"aqua",
"50"
],
"cssWithValue": "var(--data-viz-aqua-50)"
},
"100": {
"key": "{data-viz.aqua.100}",
"$value": "#004059",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#004059",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.100}"
},
"name": "A_VIZ_AQUA_100",
"attributes": {},
"path": [
"data-viz",
"aqua",
"100"
],
"cssWithValue": "var(--data-viz-aqua-100)"
},
"200": {
"key": "{data-viz.aqua.200}",
"$value": "#00516c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00516c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.200}"
},
"name": "A_VIZ_AQUA_200",
"attributes": {},
"path": [
"data-viz",
"aqua",
"200"
],
"cssWithValue": "var(--data-viz-aqua-200)"
},
"300": {
"key": "{data-viz.aqua.300}",
"$value": "#006381",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#006381",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.300}"
},
"name": "A_VIZ_AQUA_300",
"attributes": {},
"path": [
"data-viz",
"aqua",
"300"
],
"cssWithValue": "var(--data-viz-aqua-300)"
},
"400": {
"key": "{data-viz.aqua.400}",
"$value": "#007b9b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#007b9b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.400}"
},
"name": "A_VIZ_AQUA_400",
"attributes": {},
"path": [
"data-viz",
"aqua",
"400"
],
"cssWithValue": "var(--data-viz-aqua-400)"
},
"500": {
"key": "{data-viz.aqua.500}",
"$value": "#0090b1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#0090b1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.500}"
},
"name": "A_VIZ_AQUA_500",
"attributes": {},
"path": [
"data-viz",
"aqua",
"500"
],
"cssWithValue": "var(--data-viz-aqua-500)"
},
"600": {
"key": "{data-viz.aqua.600}",
"$value": "#00acc4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00acc4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.600}"
},
"name": "A_VIZ_AQUA_600",
"attributes": {},
"path": [
"data-viz",
"aqua",
"600"
],
"cssWithValue": "var(--data-viz-aqua-600)"
},
"700": {
"key": "{data-viz.aqua.700}",
"$value": "#32c5d2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#32c5d2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.700}"
},
"name": "A_VIZ_AQUA_700",
"attributes": {},
"path": [
"data-viz",
"aqua",
"700"
],
"cssWithValue": "var(--data-viz-aqua-700)"
},
"800": {
"key": "{data-viz.aqua.800}",
"$value": "#5edee3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#5edee3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.800}"
},
"name": "A_VIZ_AQUA_800",
"attributes": {},
"path": [
"data-viz",
"aqua",
"800"
],
"cssWithValue": "var(--data-viz-aqua-800)"
},
"900": {
"key": "{data-viz.aqua.900}",
"$value": "#93f2ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#93f2ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.900}"
},
"name": "A_VIZ_AQUA_900",
"attributes": {},
"path": [
"data-viz",
"aqua",
"900"
],
"cssWithValue": "var(--data-viz-aqua-900)"
},
"950": {
"key": "{data-viz.aqua.950}",
"$value": "#b5fefd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b5fefd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.950}"
},
"name": "A_VIZ_AQUA_950",
"attributes": {},
"path": [
"data-viz",
"aqua",
"950"
],
"cssWithValue": "var(--data-viz-aqua-950)"
}
},
"blue": {
"50": {
"key": "{data-viz.blue.50}",
"$value": "#2a2b59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#2a2b59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.50}"
},
"name": "A_VIZ_BLUE_50",
"attributes": {},
"path": [
"data-viz",
"blue",
"50"
],
"cssWithValue": "var(--data-viz-blue-50)"
},
"100": {
"key": "{data-viz.blue.100}",
"$value": "#303470",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#303470",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.100}"
},
"name": "A_VIZ_BLUE_100",
"attributes": {},
"path": [
"data-viz",
"blue",
"100"
],
"cssWithValue": "var(--data-viz-blue-100)"
},
"200": {
"key": "{data-viz.blue.200}",
"$value": "#374291",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#374291",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.200}"
},
"name": "A_VIZ_BLUE_200",
"attributes": {},
"path": [
"data-viz",
"blue",
"200"
],
"cssWithValue": "var(--data-viz-blue-200)"
},
"300": {
"key": "{data-viz.blue.300}",
"$value": "#3f51ae",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#3f51ae",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.300}"
},
"name": "A_VIZ_BLUE_300",
"attributes": {},
"path": [
"data-viz",
"blue",
"300"
],
"cssWithValue": "var(--data-viz-blue-300)"
},
"400": {
"key": "{data-viz.blue.400}",
"$value": "#4e65cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4e65cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.400}"
},
"name": "A_VIZ_BLUE_400",
"attributes": {},
"path": [
"data-viz",
"blue",
"400"
],
"cssWithValue": "var(--data-viz-blue-400)"
},
"500": {
"key": "{data-viz.blue.500}",
"$value": "#617ae2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#617ae2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.500}"
},
"name": "A_VIZ_BLUE_500",
"attributes": {},
"path": [
"data-viz",
"blue",
"500"
],
"cssWithValue": "var(--data-viz-blue-500)"
},
"600": {
"key": "{data-viz.blue.600}",
"$value": "#7992f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#7992f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.600}"
},
"name": "A_VIZ_BLUE_600",
"attributes": {},
"path": [
"data-viz",
"blue",
"600"
],
"cssWithValue": "var(--data-viz-blue-600)"
},
"700": {
"key": "{data-viz.blue.700}",
"$value": "#97acff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#97acff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.700}"
},
"name": "A_VIZ_BLUE_700",
"attributes": {},
"path": [
"data-viz",
"blue",
"700"
],
"cssWithValue": "var(--data-viz-blue-700)"
},
"800": {
"key": "{data-viz.blue.800}",
"$value": "#b7c6ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b7c6ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.800}"
},
"name": "A_VIZ_BLUE_800",
"attributes": {},
"path": [
"data-viz",
"blue",
"800"
],
"cssWithValue": "var(--data-viz-blue-800)"
},
"900": {
"key": "{data-viz.blue.900}",
"$value": "#d2dcff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#d2dcff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.900}"
},
"name": "A_VIZ_BLUE_900",
"attributes": {},
"path": [
"data-viz",
"blue",
"900"
],
"cssWithValue": "var(--data-viz-blue-900)"
},
"950": {
"key": "{data-viz.blue.950}",
"$value": "#e9ebff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e9ebff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.950}"
},
"name": "A_VIZ_BLUE_950",
"attributes": {},
"path": [
"data-viz",
"blue",
"950"
],
"cssWithValue": "var(--data-viz-blue-950)"
}
},
"magenta": {
"50": {
"key": "{data-viz.magenta.50}",
"$value": "#541d31",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#541d31",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.50}"
},
"name": "A_VIZ_MAGENTA_50",
"attributes": {},
"path": [
"data-viz",
"magenta",
"50"
],
"cssWithValue": "var(--data-viz-magenta-50)"
},
"100": {
"key": "{data-viz.magenta.100}",
"$value": "#661e3a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#661e3a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.100}"
},
"name": "A_VIZ_MAGENTA_100",
"attributes": {},
"path": [
"data-viz",
"magenta",
"100"
],
"cssWithValue": "var(--data-viz-magenta-100)"
},
"200": {
"key": "{data-viz.magenta.200}",
"$value": "#7c214f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#7c214f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.200}"
},
"name": "A_VIZ_MAGENTA_200",
"attributes": {},
"path": [
"data-viz",
"magenta",
"200"
],
"cssWithValue": "var(--data-viz-magenta-200)"
},
"300": {
"key": "{data-viz.magenta.300}",
"$value": "#9a2e5d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#9a2e5d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.300}"
},
"name": "A_VIZ_MAGENTA_300",
"attributes": {},
"path": [
"data-viz",
"magenta",
"300"
],
"cssWithValue": "var(--data-viz-magenta-300)"
},
"400": {
"key": "{data-viz.magenta.400}",
"$value": "#b93d71",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b93d71",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.400}"
},
"name": "A_VIZ_MAGENTA_400",
"attributes": {},
"path": [
"data-viz",
"magenta",
"400"
],
"cssWithValue": "var(--data-viz-magenta-400)"
},
"500": {
"key": "{data-viz.magenta.500}",
"$value": "#cf4d81",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#cf4d81",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.500}"
},
"name": "A_VIZ_MAGENTA_500",
"attributes": {},
"path": [
"data-viz",
"magenta",
"500"
],
"cssWithValue": "var(--data-viz-magenta-500)"
},
"600": {
"key": "{data-viz.magenta.600}",
"$value": "#e86e9a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e86e9a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.600}"
},
"name": "A_VIZ_MAGENTA_600",
"attributes": {},
"path": [
"data-viz",
"magenta",
"600"
],
"cssWithValue": "var(--data-viz-magenta-600)"
},
"700": {
"key": "{data-viz.magenta.700}",
"$value": "#f88aaf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#f88aaf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.700}"
},
"name": "A_VIZ_MAGENTA_700",
"attributes": {},
"path": [
"data-viz",
"magenta",
"700"
],
"cssWithValue": "var(--data-viz-magenta-700)"
},
"800": {
"key": "{data-viz.magenta.800}",
"$value": "#fcacc5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#fcacc5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.800}"
},
"name": "A_VIZ_MAGENTA_800",
"attributes": {},
"path": [
"data-viz",
"magenta",
"800"
],
"cssWithValue": "var(--data-viz-magenta-800)"
},
"900": {
"key": "{data-viz.magenta.900}",
"$value": "#ffccdb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ffccdb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.900}"
},
"name": "A_VIZ_MAGENTA_900",
"attributes": {},
"path": [
"data-viz",
"magenta",
"900"
],
"cssWithValue": "var(--data-viz-magenta-900)"
},
"950": {
"key": "{data-viz.magenta.950}",
"$value": "#ffe3eb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ffe3eb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.950}"
},
"name": "A_VIZ_MAGENTA_950",
"attributes": {},
"path": [
"data-viz",
"magenta",
"950"
],
"cssWithValue": "var(--data-viz-magenta-950)"
}
},
"orange": {
"50": {
"key": "{data-viz.orange.50}",
"$value": "#4b2707",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4b2707",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.50}"
},
"name": "A_VIZ_ORANGE_50",
"attributes": {},
"path": [
"data-viz",
"orange",
"50"
],
"cssWithValue": "var(--data-viz-orange-50)"
},
"100": {
"key": "{data-viz.orange.100}",
"$value": "#5e2f05",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#5e2f05",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.100}"
},
"name": "A_VIZ_ORANGE_100",
"attributes": {},
"path": [
"data-viz",
"orange",
"100"
],
"cssWithValue": "var(--data-viz-orange-100)"
},
"200": {
"key": "{data-viz.orange.200}",
"$value": "#6f3500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#6f3500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.200}"
},
"name": "A_VIZ_ORANGE_200",
"attributes": {},
"path": [
"data-viz",
"orange",
"200"
],
"cssWithValue": "var(--data-viz-orange-200)"
},
"300": {
"key": "{data-viz.orange.300}",
"$value": "#92430a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#92430a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.300}"
},
"name": "A_VIZ_ORANGE_300",
"attributes": {},
"path": [
"data-viz",
"orange",
"300"
],
"cssWithValue": "var(--data-viz-orange-300)"
},
"400": {
"key": "{data-viz.orange.400}",
"$value": "#b14f18",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b14f18",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.400}"
},
"name": "A_VIZ_ORANGE_400",
"attributes": {},
"path": [
"data-viz",
"orange",
"400"
],
"cssWithValue": "var(--data-viz-orange-400)"
},
"500": {
"key": "{data-viz.orange.500}",
"$value": "#c95d2e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#c95d2e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.500}"
},
"name": "A_VIZ_ORANGE_500",
"attributes": {},
"path": [
"data-viz",
"orange",
"500"
],
"cssWithValue": "var(--data-viz-orange-500)"
},
"600": {
"key": "{data-viz.orange.600}",
"$value": "#e07e41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e07e41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.600}"
},
"name": "A_VIZ_ORANGE_600",
"attributes": {},
"path": [
"data-viz",
"orange",
"600"
],
"cssWithValue": "var(--data-viz-orange-600)"
},
"700": {
"key": "{data-viz.orange.700}",
"$value": "#e99b60",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e99b60",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.700}"
},
"name": "A_VIZ_ORANGE_700",
"attributes": {},
"path": [
"data-viz",
"orange",
"700"
],
"cssWithValue": "var(--data-viz-orange-700)"
},
"800": {
"key": "{data-viz.orange.800}",
"$value": "#eebd8c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#eebd8c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.800}"
},
"name": "A_VIZ_ORANGE_800",
"attributes": {},
"path": [
"data-viz",
"orange",
"800"
],
"cssWithValue": "var(--data-viz-orange-800)"
},
"900": {
"key": "{data-viz.orange.900}",
"$value": "#f5d6b3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#f5d6b3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.900}"
},
"name": "A_VIZ_ORANGE_900",
"attributes": {},
"path": [
"data-viz",
"orange",
"900"
],
"cssWithValue": "var(--data-viz-orange-900)"
},
"950": {
"key": "{data-viz.orange.950}",
"$value": "#fae8d1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#fae8d1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.950}"
},
"name": "A_VIZ_ORANGE_950",
"attributes": {},
"path": [
"data-viz",
"orange",
"950"
],
"cssWithValue": "var(--data-viz-orange-950)"
}
}
},
"neutral": {
"0": {
"key": "{color.neutral.0}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.0}"
},
"name": "COLOR_NEUTRAL_0",
"attributes": {},
"path": [
"color",
"neutral",
"0"
],
"cssWithValue": "var(--gl-color-neutral-0)"
},
"10": {
"key": "{color.neutral.10}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.10}"
},
"name": "COLOR_NEUTRAL_10",
"attributes": {},
"path": [
"color",
"neutral",
"10"
],
"cssWithValue": "var(--gl-color-neutral-10)"
},
"50": {
"key": "{color.neutral.50}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.50}"
},
"name": "COLOR_NEUTRAL_50",
"attributes": {},
"path": [
"color",
"neutral",
"50"
],
"cssWithValue": "var(--gl-color-neutral-50)"
},
"100": {
"key": "{color.neutral.100}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.100}"
},
"name": "COLOR_NEUTRAL_100",
"attributes": {},
"path": [
"color",
"neutral",
"100"
],
"cssWithValue": "var(--gl-color-neutral-100)"
},
"200": {
"key": "{color.neutral.200}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.200}"
},
"name": "COLOR_NEUTRAL_200",
"attributes": {},
"path": [
"color",
"neutral",
"200"
],
"cssWithValue": "var(--gl-color-neutral-200)"
},
"300": {
"key": "{color.neutral.300}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.300}"
},
"name": "COLOR_NEUTRAL_300",
"attributes": {},
"path": [
"color",
"neutral",
"300"
],
"cssWithValue": "var(--gl-color-neutral-300)"
},
"400": {
"key": "{color.neutral.400}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.400}"
},
"name": "COLOR_NEUTRAL_400",
"attributes": {},
"path": [
"color",
"neutral",
"400"
],
"cssWithValue": "var(--gl-color-neutral-400)"
},
"500": {
"key": "{color.neutral.500}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.500}"
},
"name": "COLOR_NEUTRAL_500",
"attributes": {},
"path": [
"color",
"neutral",
"500"
],
"cssWithValue": "var(--gl-color-neutral-500)"
},
"600": {
"key": "{color.neutral.600}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.600}"
},
"name": "COLOR_NEUTRAL_600",
"attributes": {},
"path": [
"color",
"neutral",
"600"
],
"cssWithValue": "var(--gl-color-neutral-600)"
},
"700": {
"key": "{color.neutral.700}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.700}"
},
"name": "COLOR_NEUTRAL_700",
"attributes": {},
"path": [
"color",
"neutral",
"700"
],
"cssWithValue": "var(--gl-color-neutral-700)"
},
"800": {
"key": "{color.neutral.800}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.800}"
},
"name": "COLOR_NEUTRAL_800",
"attributes": {},
"path": [
"color",
"neutral",
"800"
],
"cssWithValue": "var(--gl-color-neutral-800)"
},
"900": {
"key": "{color.neutral.900}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.900}"
},
"name": "COLOR_NEUTRAL_900",
"attributes": {},
"path": [
"color",
"neutral",
"900"
],
"cssWithValue": "var(--gl-color-neutral-900)"
},
"950": {
"key": "{color.neutral.950}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.950}"
},
"name": "COLOR_NEUTRAL_950",
"attributes": {},
"path": [
"color",
"neutral",
"950"
],
"cssWithValue": "var(--gl-color-neutral-950)"
},
"1000": {
"key": "{color.neutral.1000}",
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.1000}"
},
"name": "COLOR_NEUTRAL_1000",
"attributes": {},
"path": [
"color",
"neutral",
"1000"
],
"cssWithValue": "var(--gl-color-neutral-1000)"
}
},
"white": {
"key": "{white}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{white}"
},
"name": "TE",
"attributes": {},
"path": [
"white"
],
"cssWithValue": "var(--white)"
},
"black": {
"key": "{black}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.0}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{black}"
},
"name": "CK",
"attributes": {},
"path": [
"black"
],
"cssWithValue": "var(--black)"
},
"color": {
"transparent": {
"key": "{border.color.transparent}",
"$value": "rgba(0, 0, 0, 0)",
"$type": "color",
"$description": "Used when a border needs to be present, but not visibly perceived.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/constant/border.tokens.json",
"isSource": true,
"original": {
"$value": "{color.alpha.0}",
"$type": "color",
"$description": "Used when a border needs to be present, but not visibly perceived.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{border.color.transparent}"
},
"name": "BORDER_COLOR_TRANSPARENT",
"attributes": {},
"path": [
"border",
"color",
"transparent"
],
"cssWithValue": "var(--gl-border-color-transparent)"
},
"default": {
"key": "{border.color.default}",
"$value": "#4c4b51",
"$type": "color",
"$description": "Used for the default border color.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/border.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.700}",
"$type": "color",
"$description": "Used for the default border color.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{border.color.default}"
},
"name": "BORDER_COLOR_DEFAULT",
"attributes": {},
"path": [
"border",
"color",
"default"
],
"cssWithValue": "var(--gl-border-color-default)"
},
"subtle": {
"key": "{border.color.subtle}",
"$value": "#3a383f",
"$type": "color",
"$description": "Used for a subtle border in combination with the default background.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/border.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.800}",
"$type": "color",
"$description": "Used for a subtle border in combination with the default background.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{border.color.subtle}"
},
"name": "BORDER_COLOR_SUBTLE",
"attributes": {},
"path": [
"border",
"color",
"subtle"
],
"cssWithValue": "var(--gl-border-color-subtle)"
},
"strong": {
"key": "{border.color.strong}",
"$value": "#626168",
"$type": "color",
"$description": "Used for a distinct border that emphasizes an edge or boundaries.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/border.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.600}",
"$type": "color",
"$description": "Used for a distinct border that emphasizes an edge or boundaries.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{border.color.strong}"
},
"name": "BORDER_COLOR_STRONG",
"attributes": {},
"path": [
"border",
"color",
"strong"
],
"cssWithValue": "var(--gl-border-color-strong)"
},
"section": {
"key": "{border.color.section}",
"$value": "#18171d",
"$type": "color",
"$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/border.tokens.json",
"isSource": true,
"original": {
"$value": "{background.color.default}",
"$type": "color",
"$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{border.color.section}"
},
"name": "BORDER_COLOR_SECTION",
"attributes": {},
"path": [
"border",
"color",
"section"
],
"cssWithValue": "var(--gl-border-color-section)"
}
},
"feedback": {
"strong": {
"key": "{feedback.strong.border.color}",
"$value": "#a4a3a8",
"$type": "color",
"$description": "Used for the border associated with strong feedback.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.300}",
"$type": "color",
"$description": "Used for the border associated with strong feedback.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{feedback.strong.border.color}"
},
"name": "FEEDBACK_STRONG_BORDER_COLOR",
"attributes": {},
"path": [
"feedback",
"strong",
"border",
"color"
],
"cssWithValue": "var(--gl-feedback-strong-border-color)"
},
"neutral": {
"key": "{feedback.neutral.border.color}",
"$value": "#626168",
"$type": "color",
"$description": "Used for the border of a neutral feedback item when there isn't a specific meaning or urgency.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.600}",
"$type": "color",
"$description": "Used for the border of a neutral feedback item when there isn't a specific meaning or urgency.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{feedback.neutral.border.color}"
},
"name": "FEEDBACK_NEUTRAL_BORDER_COLOR",
"attributes": {},
"path": [
"feedback",
"neutral",
"border",
"color"
],
"cssWithValue": "var(--gl-feedback-neutral-border-color)"
},
"info": {
"key": "{feedback.info.border.color}",
"$value": "#2f68b4",
"$type": "color",
"$description": "Used for the border of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.600}",
"$type": "color",
"$description": "Used for the border of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{feedback.info.border.color}"
},
"name": "FEEDBACK_INFO_BORDER_COLOR",
"attributes": {},
"path": [
"feedback",
"info",
"border",
"color"
],
"cssWithValue": "var(--gl-feedback-info-border-color)"
},
"success": {
"key": "{feedback.success.border.color}",
"$value": "#2f7549",
"$type": "color",
"$description": "Used for the border of a success feedback item when confirming the successful completion of a user-initiated action.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.600}",
"$type": "color",
"$description": "Used for the border of a success feedback item when confirming the successful completion of a user-initiated action.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{feedback.success.border.color}"
},
"name": "FEEDBACK_SUCCESS_BORDER_COLOR",
"attributes": {},
"path": [
"feedback",
"success",
"border",
"color"
],
"cssWithValue": "var(--gl-feedback-success-border-color)"
},
"warning": {
"key": "{feedback.warning.border.color}",
"$value": "#995715",
"$type": "color",
"$description": "Used for the border of a warning feedback item when notifying about a potential issue or sensitive information.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.600}",
"$type": "color",
"$description": "Used for the border of a warning feedback item when notifying about a potential issue or sensitive information.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{feedback.warning.border.color}"
},
"name": "FEEDBACK_WARNING_BORDER_COLOR",
"attributes": {},
"path": [
"feedback",
"warning",
"border",
"color"
],
"cssWithValue": "var(--gl-feedback-warning-border-color)"
},
"danger": {
"key": "{feedback.danger.border.color}",
"$value": "#f6806d",
"$type": "color",
"$description": "Used for the border of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.300}",
"$type": "color",
"$description": "Used for the border of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{feedback.danger.border.color}"
},
"name": "FEEDBACK_DANGER_BORDER_COLOR",
"attributes": {},
"path": [
"feedback",
"danger",
"border",
"color"
],
"cssWithValue": "var(--gl-feedback-danger-border-color)"
},
"brand": {
"key": "{feedback.brand.border.color}",
"$value": "#6a4fb4",
"$type": "color",
"$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.600}",
"$type": "color",
"$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{feedback.brand.border.color}"
},
"name": "FEEDBACK_BRAND_BORDER_COLOR",
"attributes": {},
"path": [
"feedback",
"brand",
"border",
"color"
],
"cssWithValue": "var(--gl-feedback-brand-border-color)"
}
},
"dropdown": {
"key": "{dropdown.border.color}",
"$value": "#4c4b51",
"$type": "color",
"$description": "Used for the border of a dropdown.",
"$extensions": {
"com.figma.scopes": [
"EFFECT_COLOR",
"STROKE_COLOR"
]
},
"$deprecated": true,
"filePath": "src/tokens/contextual/dropdown.tokens.json",
"isSource": true,
"original": {
"$value": "{border.color.default}",
"$type": "color",
"$description": "Used for the border of a dropdown.",
"$extensions": {
"com.figma.scopes": [
"EFFECT_COLOR",
"STROKE_COLOR"
]
},
"$deprecated": true,
"key": "{dropdown.border.color}"
},
"name": "DROPDOWN_BORDER_COLOR",
"attributes": {},
"path": [
"dropdown",
"border",
"color"
],
"cssWithValue": "var(--gl-dropdown-border-color)"
},
"dropdown-divider": {
"key": "{dropdown.divider.color}",
"$value": "#3a383f",
"$type": "color",
"$description": "Used for the divider of a dropdown.",
"$extensions": {
"com.figma.scopes": [
"EFFECT_COLOR",
"STROKE_COLOR"
]
},
"filePath": "src/tokens/contextual/dropdown.tokens.json",
"isSource": true,
"original": {
"$value": "{border.color.subtle}",
"$type": "color",
"$description": "Used for the divider of a dropdown.",
"$extensions": {
"com.figma.scopes": [
"EFFECT_COLOR",
"STROKE_COLOR"
]
},
"key": "{dropdown.divider.color}"
},
"name": "DROPDOWN_DIVIDER_COLOR",
"attributes": {},
"path": [
"dropdown",
"divider",
"color"
],
"cssWithValue": "var(--gl-dropdown-divider-color)"
},
"control": {
"default": {
"key": "{control.border.color.default}",
"$value": "#737278",
"$type": "color",
"$description": "Used for form control (input, radio button, checkbox, textarea) default border.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/control.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.500}",
"$type": "color",
"$description": "Used for form control (input, radio button, checkbox, textarea) default border.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{control.border.color.default}"
},
"name": "CONTROL_BORDER_COLOR_DEFAULT",
"attributes": {},
"path": [
"control",
"border",
"color",
"default"
],
"cssWithValue": "var(--gl-control-border-color-default)"
},
"disabled": {
"key": "{control.border.color.disabled}",
"$value": "#3a383f",
"$type": "color",
"$description": "Used for disabled form control (input, radio button, checkbox, textarea) border.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/control.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.800}",
"$type": "color",
"$description": "Used for disabled form control (input, radio button, checkbox, textarea) border.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{control.border.color.disabled}"
},
"name": "CONTROL_BORDER_COLOR_DISABLED",
"attributes": {},
"path": [
"control",
"border",
"color",
"disabled"
],
"cssWithValue": "var(--gl-control-border-color-disabled)"
},
"error": {
"key": "{control.border.color.error}",
"$value": "#f6806d",
"$type": "color",
"$description": "Used for invalid form control (input, textarea) border.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/control.tokens.json",
"isSource": true,
"original": {
"$value": "{feedback.danger.border.color}",
"$type": "color",
"$description": "Used for invalid form control (input, textarea) border.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{control.border.color.error}"
},
"name": "CONTROL_BORDER_COLOR_ERROR",
"attributes": {},
"path": [
"control",
"border",
"color",
"error"
],
"cssWithValue": "var(--gl-control-border-color-error)"
}
}
},
"fill": {
"alpha": {
"light": {
"2": {
"key": "{color.alpha.light.2}",
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.2}"
},
"name": "COLOR_ALPHA_LIGHT_2",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"2"
],
"cssWithValue": "var(--gl-color-alpha-light-2)"
},
"4": {
"key": "{color.alpha.light.4}",
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.4}"
},
"name": "COLOR_ALPHA_LIGHT_4",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"4"
],
"cssWithValue": "var(--gl-color-alpha-light-4)"
},
"6": {
"key": "{color.alpha.light.6}",
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.6}"
},
"name": "COLOR_ALPHA_LIGHT_6",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"6"
],
"cssWithValue": "var(--gl-color-alpha-light-6)"
},
"8": {
"key": "{color.alpha.light.8}",
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.8}"
},
"name": "COLOR_ALPHA_LIGHT_8",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"8"
],
"cssWithValue": "var(--gl-color-alpha-light-8)"
},
"16": {
"key": "{color.alpha.light.16}",
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.16}"
},
"name": "COLOR_ALPHA_LIGHT_16",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"16"
],
"cssWithValue": "var(--gl-color-alpha-light-16)"
},
"24": {
"key": "{color.alpha.light.24}",
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.24}"
},
"name": "COLOR_ALPHA_LIGHT_24",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"24"
],
"cssWithValue": "var(--gl-color-alpha-light-24)"
},
"36": {
"key": "{color.alpha.light.36}",
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$deprecated": true,
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$deprecated": true,
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.36}"
},
"name": "COLOR_ALPHA_LIGHT_36",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"36"
],
"cssWithValue": "var(--gl-color-alpha-light-36)"
},
"40": {
"key": "{color.alpha.light.40}",
"$value": "rgba(255, 255, 255, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.40}"
},
"name": "COLOR_ALPHA_LIGHT_40",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"40"
],
"cssWithValue": "var(--gl-color-alpha-light-40)"
}
},
"dark": {
"2": {
"key": "{color.alpha.dark.2}",
"$value": "rgba(5, 5, 6, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.2}"
},
"name": "COLOR_ALPHA_DARK_2",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"2"
],
"cssWithValue": "var(--gl-color-alpha-dark-2)"
},
"4": {
"key": "{color.alpha.dark.4}",
"$value": "rgba(5, 5, 6, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.4}"
},
"name": "COLOR_ALPHA_DARK_4",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"4"
],
"cssWithValue": "var(--gl-color-alpha-dark-4)"
},
"6": {
"key": "{color.alpha.dark.6}",
"$value": "rgba(5, 5, 6, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.6}"
},
"name": "COLOR_ALPHA_DARK_6",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"6"
],
"cssWithValue": "var(--gl-color-alpha-dark-6)"
},
"8": {
"key": "{color.alpha.dark.8}",
"$value": "rgba(5, 5, 6, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.8}"
},
"name": "COLOR_ALPHA_DARK_8",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"8"
],
"cssWithValue": "var(--gl-color-alpha-dark-8)"
},
"16": {
"key": "{color.alpha.dark.16}",
"$value": "rgba(5, 5, 6, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.16}"
},
"name": "COLOR_ALPHA_DARK_16",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"16"
],
"cssWithValue": "var(--gl-color-alpha-dark-16)"
},
"24": {
"key": "{color.alpha.dark.24}",
"$value": "rgba(5, 5, 6, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.24}"
},
"name": "COLOR_ALPHA_DARK_24",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"24"
],
"cssWithValue": "var(--gl-color-alpha-dark-24)"
},
"40": {
"key": "{color.alpha.dark.40}",
"$value": "rgba(5, 5, 6, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.40}"
},
"name": "COLOR_ALPHA_DARK_40",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"40"
],
"cssWithValue": "var(--gl-color-alpha-dark-40)"
}
}
},
"blue": {
"50": {
"key": "{blue.50}",
"$value": "#213454",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.50}"
},
"name": "E_50",
"attributes": {},
"path": [
"blue",
"50"
],
"cssWithValue": "var(--blue-50)"
},
"100": {
"key": "{blue.100}",
"$value": "#284779",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.100}"
},
"name": "E_100",
"attributes": {},
"path": [
"blue",
"100"
],
"cssWithValue": "var(--blue-100)"
},
"200": {
"key": "{blue.200}",
"$value": "#2f5ca0",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.200}"
},
"name": "E_200",
"attributes": {},
"path": [
"blue",
"200"
],
"cssWithValue": "var(--blue-200)"
},
"300": {
"key": "{blue.300}",
"$value": "#2f68b4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.300}"
},
"name": "E_300",
"attributes": {},
"path": [
"blue",
"300"
],
"cssWithValue": "var(--blue-300)"
},
"400": {
"key": "{blue.400}",
"$value": "#1f75cb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.400}"
},
"name": "E_400",
"attributes": {},
"path": [
"blue",
"400"
],
"cssWithValue": "var(--blue-400)"
},
"500": {
"key": "{blue.500}",
"$value": "#428fdc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.500}"
},
"name": "E_500",
"attributes": {},
"path": [
"blue",
"500"
],
"cssWithValue": "var(--blue-500)"
},
"600": {
"key": "{blue.600}",
"$value": "#63a6e9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.600}"
},
"name": "E_600",
"attributes": {},
"path": [
"blue",
"600"
],
"cssWithValue": "var(--blue-600)"
},
"700": {
"key": "{blue.700}",
"$value": "#9dc7f1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.700}"
},
"name": "E_700",
"attributes": {},
"path": [
"blue",
"700"
],
"cssWithValue": "var(--blue-700)"
},
"800": {
"key": "{blue.800}",
"$value": "#cbe2f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.800}"
},
"name": "E_800",
"attributes": {},
"path": [
"blue",
"800"
],
"cssWithValue": "var(--blue-800)"
},
"900": {
"key": "{blue.900}",
"$value": "#e9f3fc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.900}"
},
"name": "E_900",
"attributes": {},
"path": [
"blue",
"900"
],
"cssWithValue": "var(--blue-900)"
},
"950": {
"key": "{blue.950}",
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.950}"
},
"name": "E_950",
"attributes": {},
"path": [
"blue",
"950"
],
"cssWithValue": "var(--blue-950)"
}
},
"gray": {
"10": {
"key": "{gray.10}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.950}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.10}"
},
"name": "Y_10",
"attributes": {},
"path": [
"gray",
"10"
],
"cssWithValue": "var(--gray-10)"
},
"50": {
"key": "{gray.50}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.50}"
},
"name": "Y_50",
"attributes": {},
"path": [
"gray",
"50"
],
"cssWithValue": "var(--gray-50)"
},
"100": {
"key": "{gray.100}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.100}"
},
"name": "Y_100",
"attributes": {},
"path": [
"gray",
"100"
],
"cssWithValue": "var(--gray-100)"
},
"200": {
"key": "{gray.200}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.200}"
},
"name": "Y_200",
"attributes": {},
"path": [
"gray",
"200"
],
"cssWithValue": "var(--gray-200)"
},
"300": {
"key": "{gray.300}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.300}"
},
"name": "Y_300",
"attributes": {},
"path": [
"gray",
"300"
],
"cssWithValue": "var(--gray-300)"
},
"400": {
"key": "{gray.400}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.400}"
},
"name": "Y_400",
"attributes": {},
"path": [
"gray",
"400"
],
"cssWithValue": "var(--gray-400)"
},
"500": {
"key": "{gray.500}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.500}"
},
"name": "Y_500",
"attributes": {},
"path": [
"gray",
"500"
],
"cssWithValue": "var(--gray-500)"
},
"600": {
"key": "{gray.600}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.600}"
},
"name": "Y_600",
"attributes": {},
"path": [
"gray",
"600"
],
"cssWithValue": "var(--gray-600)"
},
"700": {
"key": "{gray.700}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.700}"
},
"name": "Y_700",
"attributes": {},
"path": [
"gray",
"700"
],
"cssWithValue": "var(--gray-700)"
},
"800": {
"key": "{gray.800}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.800}"
},
"name": "Y_800",
"attributes": {},
"path": [
"gray",
"800"
],
"cssWithValue": "var(--gray-800)"
},
"900": {
"key": "{gray.900}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.900}"
},
"name": "Y_900",
"attributes": {},
"path": [
"gray",
"900"
],
"cssWithValue": "var(--gray-900)"
},
"950": {
"key": "{gray.950}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.10}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.950}"
},
"name": "Y_950",
"attributes": {},
"path": [
"gray",
"950"
],
"cssWithValue": "var(--gray-950)"
}
},
"green": {
"50": {
"key": "{green.50}",
"$value": "#1e3e28",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.50}"
},
"name": "EN_50",
"attributes": {},
"path": [
"green",
"50"
],
"cssWithValue": "var(--green-50)"
},
"100": {
"key": "{green.100}",
"$value": "#225131",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.100}"
},
"name": "EN_100",
"attributes": {},
"path": [
"green",
"100"
],
"cssWithValue": "var(--green-100)"
},
"200": {
"key": "{green.200}",
"$value": "#306440",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.200}"
},
"name": "EN_200",
"attributes": {},
"path": [
"green",
"200"
],
"cssWithValue": "var(--green-200)"
},
"300": {
"key": "{green.300}",
"$value": "#2f7549",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.300}"
},
"name": "EN_300",
"attributes": {},
"path": [
"green",
"300"
],
"cssWithValue": "var(--green-300)"
},
"400": {
"key": "{green.400}",
"$value": "#108548",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.400}"
},
"name": "EN_400",
"attributes": {},
"path": [
"green",
"400"
],
"cssWithValue": "var(--green-400)"
},
"500": {
"key": "{green.500}",
"$value": "#2da160",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.500}"
},
"name": "EN_500",
"attributes": {},
"path": [
"green",
"500"
],
"cssWithValue": "var(--green-500)"
},
"600": {
"key": "{green.600}",
"$value": "#52b87a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.600}"
},
"name": "EN_600",
"attributes": {},
"path": [
"green",
"600"
],
"cssWithValue": "var(--green-600)"
},
"700": {
"key": "{green.700}",
"$value": "#91d4a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.700}"
},
"name": "EN_700",
"attributes": {},
"path": [
"green",
"700"
],
"cssWithValue": "var(--green-700)"
},
"800": {
"key": "{green.800}",
"$value": "#c3e6cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.800}"
},
"name": "EN_800",
"attributes": {},
"path": [
"green",
"800"
],
"cssWithValue": "var(--green-800)"
},
"900": {
"key": "{green.900}",
"$value": "#ecf4ee",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.900}"
},
"name": "EN_900",
"attributes": {},
"path": [
"green",
"900"
],
"cssWithValue": "var(--green-900)"
},
"950": {
"key": "{green.950}",
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.950}"
},
"name": "EN_950",
"attributes": {},
"path": [
"green",
"950"
],
"cssWithValue": "var(--green-950)"
}
},
"orange": {
"50": {
"key": "{orange.50}",
"$value": "#532e16",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.50}"
},
"name": "NGE_50",
"attributes": {},
"path": [
"orange",
"50"
],
"cssWithValue": "var(--orange-50)"
},
"100": {
"key": "{orange.100}",
"$value": "#693c14",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.100}"
},
"name": "NGE_100",
"attributes": {},
"path": [
"orange",
"100"
],
"cssWithValue": "var(--orange-100)"
},
"200": {
"key": "{orange.200}",
"$value": "#894b16",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.200}"
},
"name": "NGE_200",
"attributes": {},
"path": [
"orange",
"200"
],
"cssWithValue": "var(--orange-200)"
},
"300": {
"key": "{orange.300}",
"$value": "#995715",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.300}"
},
"name": "NGE_300",
"attributes": {},
"path": [
"orange",
"300"
],
"cssWithValue": "var(--orange-300)"
},
"400": {
"key": "{orange.400}",
"$value": "#ab6100",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.400}"
},
"name": "NGE_400",
"attributes": {},
"path": [
"orange",
"400"
],
"cssWithValue": "var(--orange-400)"
},
"500": {
"key": "{orange.500}",
"$value": "#c17d10",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.500}"
},
"name": "NGE_500",
"attributes": {},
"path": [
"orange",
"500"
],
"cssWithValue": "var(--orange-500)"
},
"600": {
"key": "{orange.600}",
"$value": "#d99530",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.600}"
},
"name": "NGE_600",
"attributes": {},
"path": [
"orange",
"600"
],
"cssWithValue": "var(--orange-600)"
},
"700": {
"key": "{orange.700}",
"$value": "#e9be74",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.700}"
},
"name": "NGE_700",
"attributes": {},
"path": [
"orange",
"700"
],
"cssWithValue": "var(--orange-700)"
},
"800": {
"key": "{orange.800}",
"$value": "#f5d9a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.800}"
},
"name": "NGE_800",
"attributes": {},
"path": [
"orange",
"800"
],
"cssWithValue": "var(--orange-800)"
},
"900": {
"key": "{orange.900}",
"$value": "#fdf1dd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.900}"
},
"name": "NGE_900",
"attributes": {},
"path": [
"orange",
"900"
],
"cssWithValue": "var(--orange-900)"
},
"950": {
"key": "{orange.950}",
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.950}"
},
"name": "NGE_950",
"attributes": {},
"path": [
"orange",
"950"
],
"cssWithValue": "var(--orange-950)"
}
},
"purple": {
"50": {
"key": "{purple.50}",
"$value": "#27243e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.950}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.50}"
},
"name": "PLE_50",
"attributes": {},
"path": [
"purple",
"50"
],
"cssWithValue": "var(--purple-50)"
},
"100": {
"key": "{purple.100}",
"$value": "#342d59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.100}"
},
"name": "PLE_100",
"attributes": {},
"path": [
"purple",
"100"
],
"cssWithValue": "var(--purple-100)"
},
"200": {
"key": "{purple.200}",
"$value": "#493c83",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.200}"
},
"name": "PLE_200",
"attributes": {},
"path": [
"purple",
"200"
],
"cssWithValue": "var(--purple-200)"
},
"300": {
"key": "{purple.300}",
"$value": "#5c47a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.300}"
},
"name": "PLE_300",
"attributes": {},
"path": [
"purple",
"300"
],
"cssWithValue": "var(--purple-300)"
},
"400": {
"key": "{purple.400}",
"$value": "#6a4fb4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.400}"
},
"name": "PLE_400",
"attributes": {},
"path": [
"purple",
"400"
],
"cssWithValue": "var(--purple-400)"
},
"500": {
"key": "{purple.500}",
"$value": "#7b58cf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.500}"
},
"name": "PLE_500",
"attributes": {},
"path": [
"purple",
"500"
],
"cssWithValue": "var(--purple-500)"
},
"600": {
"key": "{purple.600}",
"$value": "#9475db",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.600}"
},
"name": "PLE_600",
"attributes": {},
"path": [
"purple",
"600"
],
"cssWithValue": "var(--purple-600)"
},
"700": {
"key": "{purple.700}",
"$value": "#ac93e6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.700}"
},
"name": "PLE_700",
"attributes": {},
"path": [
"purple",
"700"
],
"cssWithValue": "var(--purple-700)"
},
"800": {
"key": "{purple.800}",
"$value": "#cbbbf2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.800}"
},
"name": "PLE_800",
"attributes": {},
"path": [
"purple",
"800"
],
"cssWithValue": "var(--purple-800)"
},
"900": {
"key": "{purple.900}",
"$value": "#e1d8f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.900}"
},
"name": "PLE_900",
"attributes": {},
"path": [
"purple",
"900"
],
"cssWithValue": "var(--purple-900)"
},
"950": {
"key": "{purple.950}",
"$value": "#f4f0ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.950}"
},
"name": "PLE_950",
"attributes": {},
"path": [
"purple",
"950"
],
"cssWithValue": "var(--purple-950)"
}
},
"red": {
"50": {
"key": "{red.50}",
"$value": "#582014",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.50}"
},
"name": "_50",
"attributes": {},
"path": [
"red",
"50"
],
"cssWithValue": "var(--red-50)"
},
"100": {
"key": "{red.100}",
"$value": "#812713",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.100}"
},
"name": "_100",
"attributes": {},
"path": [
"red",
"100"
],
"cssWithValue": "var(--red-100)"
},
"200": {
"key": "{red.200}",
"$value": "#a32c12",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.200}"
},
"name": "_200",
"attributes": {},
"path": [
"red",
"200"
],
"cssWithValue": "var(--red-200)"
},
"300": {
"key": "{red.300}",
"$value": "#c02f12",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.300}"
},
"name": "_300",
"attributes": {},
"path": [
"red",
"300"
],
"cssWithValue": "var(--red-300)"
},
"400": {
"key": "{red.400}",
"$value": "#dd2b0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.400}"
},
"name": "_400",
"attributes": {},
"path": [
"red",
"400"
],
"cssWithValue": "var(--red-400)"
},
"500": {
"key": "{red.500}",
"$value": "#ec5941",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.500}"
},
"name": "_500",
"attributes": {},
"path": [
"red",
"500"
],
"cssWithValue": "var(--red-500)"
},
"600": {
"key": "{red.600}",
"$value": "#f6806d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.600}"
},
"name": "_600",
"attributes": {},
"path": [
"red",
"600"
],
"cssWithValue": "var(--red-600)"
},
"700": {
"key": "{red.700}",
"$value": "#fcb5aa",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.700}"
},
"name": "_700",
"attributes": {},
"path": [
"red",
"700"
],
"cssWithValue": "var(--red-700)"
},
"800": {
"key": "{red.800}",
"$value": "#fdd4cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.800}"
},
"name": "_800",
"attributes": {},
"path": [
"red",
"800"
],
"cssWithValue": "var(--red-800)"
},
"900": {
"key": "{red.900}",
"$value": "#fcf1ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.900}"
},
"name": "_900",
"attributes": {},
"path": [
"red",
"900"
],
"cssWithValue": "var(--red-900)"
},
"950": {
"key": "{red.950}",
"$value": "#fff4f3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff4f3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.950}"
},
"name": "_950",
"attributes": {},
"path": [
"red",
"950"
],
"cssWithValue": "var(--red-950)"
}
},
"brand-white": {
"key": "{color.brand-white}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-white}"
},
"name": "COLOR_BRAND_WHITE",
"attributes": {},
"path": [
"color",
"brand-white"
],
"cssWithValue": "var(--gl-color-brand-white)"
},
"brand-charcoal": {
"key": "{color.brand-charcoal}",
"$value": "#171321",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#171321",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-charcoal}"
},
"name": "COLOR_BRAND_CHARCOAL",
"attributes": {},
"path": [
"color",
"brand-charcoal"
],
"cssWithValue": "var(--gl-color-brand-charcoal)"
},
"brand-orange": {
"01g": {
"key": "{color.brand-orange.01g}",
"$value": "#ffd1bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ffd1bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.01g}"
},
"name": "COLOR_BRAND_ORANGE_01G",
"attributes": {},
"path": [
"color",
"brand-orange",
"01g"
],
"cssWithValue": "var(--gl-color-brand-orange-01g)"
},
"01p": {
"key": "{color.brand-orange.01p}",
"$value": "#fca326",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fca326",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.01p}"
},
"name": "COLOR_BRAND_ORANGE_01P",
"attributes": {},
"path": [
"color",
"brand-orange",
"01p"
],
"cssWithValue": "var(--gl-color-brand-orange-01p)"
},
"02p": {
"key": "{color.brand-orange.02p}",
"$value": "#fc6d26",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fc6d26",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.02p}"
},
"name": "COLOR_BRAND_ORANGE_02P",
"attributes": {},
"path": [
"color",
"brand-orange",
"02p"
],
"cssWithValue": "var(--gl-color-brand-orange-02p)"
},
"03p": {
"key": "{color.brand-orange.03p}",
"$value": "#e24329",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#e24329",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.03p}"
},
"name": "COLOR_BRAND_ORANGE_03P",
"attributes": {},
"path": [
"color",
"brand-orange",
"03p"
],
"cssWithValue": "var(--gl-color-brand-orange-03p)"
}
},
"brand-purple": {
"01g": {
"key": "{color.brand-purple.01g}",
"$value": "#ceb3ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ceb3ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.01g}"
},
"name": "COLOR_BRAND_PURPLE_01G",
"attributes": {},
"path": [
"color",
"brand-purple",
"01g"
],
"cssWithValue": "var(--gl-color-brand-purple-01g)"
},
"01p": {
"key": "{color.brand-purple.01p}",
"$value": "#a989f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#a989f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.01p}"
},
"name": "COLOR_BRAND_PURPLE_01P",
"attributes": {},
"path": [
"color",
"brand-purple",
"01p"
],
"cssWithValue": "var(--gl-color-brand-purple-01p)"
},
"02p": {
"key": "{color.brand-purple.02p}",
"$value": "#7759c2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#7759c2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.02p}"
},
"name": "COLOR_BRAND_PURPLE_02P",
"attributes": {},
"path": [
"color",
"brand-purple",
"02p"
],
"cssWithValue": "var(--gl-color-brand-purple-02p)"
}
},
"brand-gray": {
"01": {
"key": "{color.brand-gray.01}",
"$value": "#d1d0d3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#d1d0d3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.01}"
},
"name": "COLOR_BRAND_GRAY_01",
"attributes": {},
"path": [
"color",
"brand-gray",
"01"
],
"cssWithValue": "var(--gl-color-brand-gray-01)"
},
"02": {
"key": "{color.brand-gray.02}",
"$value": "#a2a1a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#a2a1a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.02}"
},
"name": "COLOR_BRAND_GRAY_02",
"attributes": {},
"path": [
"color",
"brand-gray",
"02"
],
"cssWithValue": "var(--gl-color-brand-gray-02)"
},
"03": {
"key": "{color.brand-gray.03}",
"$value": "#74717a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#74717a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.03}"
},
"name": "COLOR_BRAND_GRAY_03",
"attributes": {},
"path": [
"color",
"brand-gray",
"03"
],
"cssWithValue": "var(--gl-color-brand-gray-03)"
},
"04": {
"key": "{color.brand-gray.04}",
"$value": "#45424d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#45424d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.04}"
},
"name": "COLOR_BRAND_GRAY_04",
"attributes": {},
"path": [
"color",
"brand-gray",
"04"
],
"cssWithValue": "var(--gl-color-brand-gray-04)"
},
"05": {
"key": "{color.brand-gray.05}",
"$value": "#2b2838",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#2b2838",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.05}"
},
"name": "COLOR_BRAND_GRAY_05",
"attributes": {},
"path": [
"color",
"brand-gray",
"05"
],
"cssWithValue": "var(--gl-color-brand-gray-05)"
}
},
"brand-pink": {
"01g": {
"key": "{color.brand-pink.01g}",
"$value": "#ffb9c9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ffb9c9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-pink.01g}"
},
"name": "COLOR_BRAND_PINK_01G",
"attributes": {},
"path": [
"color",
"brand-pink",
"01g"
],
"cssWithValue": "var(--gl-color-brand-pink-01g)"
}
},
"data-viz": {
"green": {
"50": {
"key": "{data-viz.green.50}",
"$value": "#133a03",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#133a03",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.50}"
},
"name": "A_VIZ_GREEN_50",
"attributes": {},
"path": [
"data-viz",
"green",
"50"
],
"cssWithValue": "var(--data-viz-green-50)"
},
"100": {
"key": "{data-viz.green.100}",
"$value": "#1a4500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#1a4500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.100}"
},
"name": "A_VIZ_GREEN_100",
"attributes": {},
"path": [
"data-viz",
"green",
"100"
],
"cssWithValue": "var(--data-viz-green-100)"
},
"200": {
"key": "{data-viz.green.200}",
"$value": "#275600",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#275600",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.200}"
},
"name": "A_VIZ_GREEN_200",
"attributes": {},
"path": [
"data-viz",
"green",
"200"
],
"cssWithValue": "var(--data-viz-green-200)"
},
"300": {
"key": "{data-viz.green.300}",
"$value": "#366800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#366800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.300}"
},
"name": "A_VIZ_GREEN_300",
"attributes": {},
"path": [
"data-viz",
"green",
"300"
],
"cssWithValue": "var(--data-viz-green-300)"
},
"400": {
"key": "{data-viz.green.400}",
"$value": "#4e7f0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4e7f0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.400}"
},
"name": "A_VIZ_GREEN_400",
"attributes": {},
"path": [
"data-viz",
"green",
"400"
],
"cssWithValue": "var(--data-viz-green-400)"
},
"500": {
"key": "{data-viz.green.500}",
"$value": "#619025",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#619025",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.500}"
},
"name": "A_VIZ_GREEN_500",
"attributes": {},
"path": [
"data-viz",
"green",
"500"
],
"cssWithValue": "var(--data-viz-green-500)"
},
"600": {
"key": "{data-viz.green.600}",
"$value": "#81ac41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#81ac41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.600}"
},
"name": "A_VIZ_GREEN_600",
"attributes": {},
"path": [
"data-viz",
"green",
"600"
],
"cssWithValue": "var(--data-viz-green-600)"
},
"700": {
"key": "{data-viz.green.700}",
"$value": "#94c25e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#94c25e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.700}"
},
"name": "A_VIZ_GREEN_700",
"attributes": {},
"path": [
"data-viz",
"green",
"700"
],
"cssWithValue": "var(--data-viz-green-700)"
},
"800": {
"key": "{data-viz.green.800}",
"$value": "#b0d97b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b0d97b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.800}"
},
"name": "A_VIZ_GREEN_800",
"attributes": {},
"path": [
"data-viz",
"green",
"800"
],
"cssWithValue": "var(--data-viz-green-800)"
},
"900": {
"key": "{data-viz.green.900}",
"$value": "#c6ed94",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#c6ed94",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.900}"
},
"name": "A_VIZ_GREEN_900",
"attributes": {},
"path": [
"data-viz",
"green",
"900"
],
"cssWithValue": "var(--data-viz-green-900)"
},
"950": {
"key": "{data-viz.green.950}",
"$value": "#ddfab7",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ddfab7",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.950}"
},
"name": "A_VIZ_GREEN_950",
"attributes": {},
"path": [
"data-viz",
"green",
"950"
],
"cssWithValue": "var(--data-viz-green-950)"
}
},
"aqua": {
"50": {
"key": "{data-viz.aqua.50}",
"$value": "#00344b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00344b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.50}"
},
"name": "A_VIZ_AQUA_50",
"attributes": {},
"path": [
"data-viz",
"aqua",
"50"
],
"cssWithValue": "var(--data-viz-aqua-50)"
},
"100": {
"key": "{data-viz.aqua.100}",
"$value": "#004059",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#004059",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.100}"
},
"name": "A_VIZ_AQUA_100",
"attributes": {},
"path": [
"data-viz",
"aqua",
"100"
],
"cssWithValue": "var(--data-viz-aqua-100)"
},
"200": {
"key": "{data-viz.aqua.200}",
"$value": "#00516c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00516c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.200}"
},
"name": "A_VIZ_AQUA_200",
"attributes": {},
"path": [
"data-viz",
"aqua",
"200"
],
"cssWithValue": "var(--data-viz-aqua-200)"
},
"300": {
"key": "{data-viz.aqua.300}",
"$value": "#006381",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#006381",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.300}"
},
"name": "A_VIZ_AQUA_300",
"attributes": {},
"path": [
"data-viz",
"aqua",
"300"
],
"cssWithValue": "var(--data-viz-aqua-300)"
},
"400": {
"key": "{data-viz.aqua.400}",
"$value": "#007b9b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#007b9b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.400}"
},
"name": "A_VIZ_AQUA_400",
"attributes": {},
"path": [
"data-viz",
"aqua",
"400"
],
"cssWithValue": "var(--data-viz-aqua-400)"
},
"500": {
"key": "{data-viz.aqua.500}",
"$value": "#0090b1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#0090b1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.500}"
},
"name": "A_VIZ_AQUA_500",
"attributes": {},
"path": [
"data-viz",
"aqua",
"500"
],
"cssWithValue": "var(--data-viz-aqua-500)"
},
"600": {
"key": "{data-viz.aqua.600}",
"$value": "#00acc4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00acc4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.600}"
},
"name": "A_VIZ_AQUA_600",
"attributes": {},
"path": [
"data-viz",
"aqua",
"600"
],
"cssWithValue": "var(--data-viz-aqua-600)"
},
"700": {
"key": "{data-viz.aqua.700}",
"$value": "#32c5d2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#32c5d2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.700}"
},
"name": "A_VIZ_AQUA_700",
"attributes": {},
"path": [
"data-viz",
"aqua",
"700"
],
"cssWithValue": "var(--data-viz-aqua-700)"
},
"800": {
"key": "{data-viz.aqua.800}",
"$value": "#5edee3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#5edee3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.800}"
},
"name": "A_VIZ_AQUA_800",
"attributes": {},
"path": [
"data-viz",
"aqua",
"800"
],
"cssWithValue": "var(--data-viz-aqua-800)"
},
"900": {
"key": "{data-viz.aqua.900}",
"$value": "#93f2ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#93f2ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.900}"
},
"name": "A_VIZ_AQUA_900",
"attributes": {},
"path": [
"data-viz",
"aqua",
"900"
],
"cssWithValue": "var(--data-viz-aqua-900)"
},
"950": {
"key": "{data-viz.aqua.950}",
"$value": "#b5fefd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b5fefd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.950}"
},
"name": "A_VIZ_AQUA_950",
"attributes": {},
"path": [
"data-viz",
"aqua",
"950"
],
"cssWithValue": "var(--data-viz-aqua-950)"
}
},
"blue": {
"50": {
"key": "{data-viz.blue.50}",
"$value": "#2a2b59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#2a2b59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.50}"
},
"name": "A_VIZ_BLUE_50",
"attributes": {},
"path": [
"data-viz",
"blue",
"50"
],
"cssWithValue": "var(--data-viz-blue-50)"
},
"100": {
"key": "{data-viz.blue.100}",
"$value": "#303470",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#303470",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.100}"
},
"name": "A_VIZ_BLUE_100",
"attributes": {},
"path": [
"data-viz",
"blue",
"100"
],
"cssWithValue": "var(--data-viz-blue-100)"
},
"200": {
"key": "{data-viz.blue.200}",
"$value": "#374291",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#374291",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.200}"
},
"name": "A_VIZ_BLUE_200",
"attributes": {},
"path": [
"data-viz",
"blue",
"200"
],
"cssWithValue": "var(--data-viz-blue-200)"
},
"300": {
"key": "{data-viz.blue.300}",
"$value": "#3f51ae",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#3f51ae",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.300}"
},
"name": "A_VIZ_BLUE_300",
"attributes": {},
"path": [
"data-viz",
"blue",
"300"
],
"cssWithValue": "var(--data-viz-blue-300)"
},
"400": {
"key": "{data-viz.blue.400}",
"$value": "#4e65cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4e65cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.400}"
},
"name": "A_VIZ_BLUE_400",
"attributes": {},
"path": [
"data-viz",
"blue",
"400"
],
"cssWithValue": "var(--data-viz-blue-400)"
},
"500": {
"key": "{data-viz.blue.500}",
"$value": "#617ae2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#617ae2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.500}"
},
"name": "A_VIZ_BLUE_500",
"attributes": {},
"path": [
"data-viz",
"blue",
"500"
],
"cssWithValue": "var(--data-viz-blue-500)"
},
"600": {
"key": "{data-viz.blue.600}",
"$value": "#7992f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#7992f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.600}"
},
"name": "A_VIZ_BLUE_600",
"attributes": {},
"path": [
"data-viz",
"blue",
"600"
],
"cssWithValue": "var(--data-viz-blue-600)"
},
"700": {
"key": "{data-viz.blue.700}",
"$value": "#97acff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#97acff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.700}"
},
"name": "A_VIZ_BLUE_700",
"attributes": {},
"path": [
"data-viz",
"blue",
"700"
],
"cssWithValue": "var(--data-viz-blue-700)"
},
"800": {
"key": "{data-viz.blue.800}",
"$value": "#b7c6ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b7c6ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.800}"
},
"name": "A_VIZ_BLUE_800",
"attributes": {},
"path": [
"data-viz",
"blue",
"800"
],
"cssWithValue": "var(--data-viz-blue-800)"
},
"900": {
"key": "{data-viz.blue.900}",
"$value": "#d2dcff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#d2dcff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.900}"
},
"name": "A_VIZ_BLUE_900",
"attributes": {},
"path": [
"data-viz",
"blue",
"900"
],
"cssWithValue": "var(--data-viz-blue-900)"
},
"950": {
"key": "{data-viz.blue.950}",
"$value": "#e9ebff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e9ebff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.950}"
},
"name": "A_VIZ_BLUE_950",
"attributes": {},
"path": [
"data-viz",
"blue",
"950"
],
"cssWithValue": "var(--data-viz-blue-950)"
}
},
"magenta": {
"50": {
"key": "{data-viz.magenta.50}",
"$value": "#541d31",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#541d31",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.50}"
},
"name": "A_VIZ_MAGENTA_50",
"attributes": {},
"path": [
"data-viz",
"magenta",
"50"
],
"cssWithValue": "var(--data-viz-magenta-50)"
},
"100": {
"key": "{data-viz.magenta.100}",
"$value": "#661e3a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#661e3a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.100}"
},
"name": "A_VIZ_MAGENTA_100",
"attributes": {},
"path": [
"data-viz",
"magenta",
"100"
],
"cssWithValue": "var(--data-viz-magenta-100)"
},
"200": {
"key": "{data-viz.magenta.200}",
"$value": "#7c214f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#7c214f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.200}"
},
"name": "A_VIZ_MAGENTA_200",
"attributes": {},
"path": [
"data-viz",
"magenta",
"200"
],
"cssWithValue": "var(--data-viz-magenta-200)"
},
"300": {
"key": "{data-viz.magenta.300}",
"$value": "#9a2e5d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#9a2e5d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.300}"
},
"name": "A_VIZ_MAGENTA_300",
"attributes": {},
"path": [
"data-viz",
"magenta",
"300"
],
"cssWithValue": "var(--data-viz-magenta-300)"
},
"400": {
"key": "{data-viz.magenta.400}",
"$value": "#b93d71",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b93d71",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.400}"
},
"name": "A_VIZ_MAGENTA_400",
"attributes": {},
"path": [
"data-viz",
"magenta",
"400"
],
"cssWithValue": "var(--data-viz-magenta-400)"
},
"500": {
"key": "{data-viz.magenta.500}",
"$value": "#cf4d81",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#cf4d81",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.500}"
},
"name": "A_VIZ_MAGENTA_500",
"attributes": {},
"path": [
"data-viz",
"magenta",
"500"
],
"cssWithValue": "var(--data-viz-magenta-500)"
},
"600": {
"key": "{data-viz.magenta.600}",
"$value": "#e86e9a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e86e9a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.600}"
},
"name": "A_VIZ_MAGENTA_600",
"attributes": {},
"path": [
"data-viz",
"magenta",
"600"
],
"cssWithValue": "var(--data-viz-magenta-600)"
},
"700": {
"key": "{data-viz.magenta.700}",
"$value": "#f88aaf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#f88aaf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.700}"
},
"name": "A_VIZ_MAGENTA_700",
"attributes": {},
"path": [
"data-viz",
"magenta",
"700"
],
"cssWithValue": "var(--data-viz-magenta-700)"
},
"800": {
"key": "{data-viz.magenta.800}",
"$value": "#fcacc5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#fcacc5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.800}"
},
"name": "A_VIZ_MAGENTA_800",
"attributes": {},
"path": [
"data-viz",
"magenta",
"800"
],
"cssWithValue": "var(--data-viz-magenta-800)"
},
"900": {
"key": "{data-viz.magenta.900}",
"$value": "#ffccdb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ffccdb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.900}"
},
"name": "A_VIZ_MAGENTA_900",
"attributes": {},
"path": [
"data-viz",
"magenta",
"900"
],
"cssWithValue": "var(--data-viz-magenta-900)"
},
"950": {
"key": "{data-viz.magenta.950}",
"$value": "#ffe3eb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ffe3eb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.950}"
},
"name": "A_VIZ_MAGENTA_950",
"attributes": {},
"path": [
"data-viz",
"magenta",
"950"
],
"cssWithValue": "var(--data-viz-magenta-950)"
}
},
"orange": {
"50": {
"key": "{data-viz.orange.50}",
"$value": "#4b2707",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4b2707",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.50}"
},
"name": "A_VIZ_ORANGE_50",
"attributes": {},
"path": [
"data-viz",
"orange",
"50"
],
"cssWithValue": "var(--data-viz-orange-50)"
},
"100": {
"key": "{data-viz.orange.100}",
"$value": "#5e2f05",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#5e2f05",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.100}"
},
"name": "A_VIZ_ORANGE_100",
"attributes": {},
"path": [
"data-viz",
"orange",
"100"
],
"cssWithValue": "var(--data-viz-orange-100)"
},
"200": {
"key": "{data-viz.orange.200}",
"$value": "#6f3500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#6f3500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.200}"
},
"name": "A_VIZ_ORANGE_200",
"attributes": {},
"path": [
"data-viz",
"orange",
"200"
],
"cssWithValue": "var(--data-viz-orange-200)"
},
"300": {
"key": "{data-viz.orange.300}",
"$value": "#92430a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#92430a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.300}"
},
"name": "A_VIZ_ORANGE_300",
"attributes": {},
"path": [
"data-viz",
"orange",
"300"
],
"cssWithValue": "var(--data-viz-orange-300)"
},
"400": {
"key": "{data-viz.orange.400}",
"$value": "#b14f18",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b14f18",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.400}"
},
"name": "A_VIZ_ORANGE_400",
"attributes": {},
"path": [
"data-viz",
"orange",
"400"
],
"cssWithValue": "var(--data-viz-orange-400)"
},
"500": {
"key": "{data-viz.orange.500}",
"$value": "#c95d2e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#c95d2e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.500}"
},
"name": "A_VIZ_ORANGE_500",
"attributes": {},
"path": [
"data-viz",
"orange",
"500"
],
"cssWithValue": "var(--data-viz-orange-500)"
},
"600": {
"key": "{data-viz.orange.600}",
"$value": "#e07e41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e07e41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.600}"
},
"name": "A_VIZ_ORANGE_600",
"attributes": {},
"path": [
"data-viz",
"orange",
"600"
],
"cssWithValue": "var(--data-viz-orange-600)"
},
"700": {
"key": "{data-viz.orange.700}",
"$value": "#e99b60",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e99b60",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.700}"
},
"name": "A_VIZ_ORANGE_700",
"attributes": {},
"path": [
"data-viz",
"orange",
"700"
],
"cssWithValue": "var(--data-viz-orange-700)"
},
"800": {
"key": "{data-viz.orange.800}",
"$value": "#eebd8c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#eebd8c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.800}"
},
"name": "A_VIZ_ORANGE_800",
"attributes": {},
"path": [
"data-viz",
"orange",
"800"
],
"cssWithValue": "var(--data-viz-orange-800)"
},
"900": {
"key": "{data-viz.orange.900}",
"$value": "#f5d6b3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#f5d6b3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.900}"
},
"name": "A_VIZ_ORANGE_900",
"attributes": {},
"path": [
"data-viz",
"orange",
"900"
],
"cssWithValue": "var(--data-viz-orange-900)"
},
"950": {
"key": "{data-viz.orange.950}",
"$value": "#fae8d1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#fae8d1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.950}"
},
"name": "A_VIZ_ORANGE_950",
"attributes": {},
"path": [
"data-viz",
"orange",
"950"
],
"cssWithValue": "var(--data-viz-orange-950)"
}
}
},
"neutral": {
"0": {
"key": "{color.neutral.0}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.0}"
},
"name": "COLOR_NEUTRAL_0",
"attributes": {},
"path": [
"color",
"neutral",
"0"
],
"cssWithValue": "var(--gl-color-neutral-0)"
},
"10": {
"key": "{color.neutral.10}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.10}"
},
"name": "COLOR_NEUTRAL_10",
"attributes": {},
"path": [
"color",
"neutral",
"10"
],
"cssWithValue": "var(--gl-color-neutral-10)"
},
"50": {
"key": "{color.neutral.50}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.50}"
},
"name": "COLOR_NEUTRAL_50",
"attributes": {},
"path": [
"color",
"neutral",
"50"
],
"cssWithValue": "var(--gl-color-neutral-50)"
},
"100": {
"key": "{color.neutral.100}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.100}"
},
"name": "COLOR_NEUTRAL_100",
"attributes": {},
"path": [
"color",
"neutral",
"100"
],
"cssWithValue": "var(--gl-color-neutral-100)"
},
"200": {
"key": "{color.neutral.200}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.200}"
},
"name": "COLOR_NEUTRAL_200",
"attributes": {},
"path": [
"color",
"neutral",
"200"
],
"cssWithValue": "var(--gl-color-neutral-200)"
},
"300": {
"key": "{color.neutral.300}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.300}"
},
"name": "COLOR_NEUTRAL_300",
"attributes": {},
"path": [
"color",
"neutral",
"300"
],
"cssWithValue": "var(--gl-color-neutral-300)"
},
"400": {
"key": "{color.neutral.400}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.400}"
},
"name": "COLOR_NEUTRAL_400",
"attributes": {},
"path": [
"color",
"neutral",
"400"
],
"cssWithValue": "var(--gl-color-neutral-400)"
},
"500": {
"key": "{color.neutral.500}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.500}"
},
"name": "COLOR_NEUTRAL_500",
"attributes": {},
"path": [
"color",
"neutral",
"500"
],
"cssWithValue": "var(--gl-color-neutral-500)"
},
"600": {
"key": "{color.neutral.600}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.600}"
},
"name": "COLOR_NEUTRAL_600",
"attributes": {},
"path": [
"color",
"neutral",
"600"
],
"cssWithValue": "var(--gl-color-neutral-600)"
},
"700": {
"key": "{color.neutral.700}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.700}"
},
"name": "COLOR_NEUTRAL_700",
"attributes": {},
"path": [
"color",
"neutral",
"700"
],
"cssWithValue": "var(--gl-color-neutral-700)"
},
"800": {
"key": "{color.neutral.800}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.800}"
},
"name": "COLOR_NEUTRAL_800",
"attributes": {},
"path": [
"color",
"neutral",
"800"
],
"cssWithValue": "var(--gl-color-neutral-800)"
},
"900": {
"key": "{color.neutral.900}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.900}"
},
"name": "COLOR_NEUTRAL_900",
"attributes": {},
"path": [
"color",
"neutral",
"900"
],
"cssWithValue": "var(--gl-color-neutral-900)"
},
"950": {
"key": "{color.neutral.950}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.950}"
},
"name": "COLOR_NEUTRAL_950",
"attributes": {},
"path": [
"color",
"neutral",
"950"
],
"cssWithValue": "var(--gl-color-neutral-950)"
},
"1000": {
"key": "{color.neutral.1000}",
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.1000}"
},
"name": "COLOR_NEUTRAL_1000",
"attributes": {},
"path": [
"color",
"neutral",
"1000"
],
"cssWithValue": "var(--gl-color-neutral-1000)"
}
},
"white": {
"key": "{white}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{white}"
},
"name": "TE",
"attributes": {},
"path": [
"white"
],
"cssWithValue": "var(--white)"
},
"black": {
"key": "{black}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.0}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{black}"
},
"name": "CK",
"attributes": {},
"path": [
"black"
],
"cssWithValue": "var(--black)"
},
"icon": {
"default": {
"key": "{icon.color.default}",
"$value": "#ececef",
"$type": "color",
"$description": "Used for the default icon color. Can be paired with default text.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/icon.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.default}",
"$type": "color",
"$description": "Used for the default icon color. Can be paired with default text.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{icon.color.default}"
},
"name": "ICON_COLOR_DEFAULT",
"attributes": {},
"path": [
"icon",
"color",
"default"
],
"cssWithValue": "var(--gl-icon-color-default)"
},
"subtle": {
"key": "{icon.color.subtle}",
"$value": "#bfbfc3",
"$type": "color",
"$description": "Used for a static or decorational icon. Can be paired with subtle text.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/icon.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.subtle}",
"$type": "color",
"$description": "Used for a static or decorational icon. Can be paired with subtle text.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{icon.color.subtle}"
},
"name": "ICON_COLOR_SUBTLE",
"attributes": {},
"path": [
"icon",
"color",
"subtle"
],
"cssWithValue": "var(--gl-icon-color-subtle)"
},
"strong": {
"key": "{icon.color.strong}",
"$value": "#fff",
"$type": "color",
"$description": "Used for an icon with the highest contrast.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/icon.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.strong}",
"$type": "color",
"$description": "Used for an icon with the highest contrast.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{icon.color.strong}"
},
"name": "ICON_COLOR_STRONG",
"attributes": {},
"path": [
"icon",
"color",
"strong"
],
"cssWithValue": "var(--gl-icon-color-strong)"
},
"disabled": {
"key": "{icon.color.disabled}",
"$value": "#89888d",
"$type": "color",
"$description": "Used for an icon within a disabled section.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/icon.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.disabled}",
"$type": "color",
"$description": "Used for an icon within a disabled section.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{icon.color.disabled}"
},
"name": "ICON_COLOR_DISABLED",
"attributes": {},
"path": [
"icon",
"color",
"disabled"
],
"cssWithValue": "var(--gl-icon-color-disabled)"
},
"link": {
"key": "{icon.color.link}",
"$value": "#9dc7f1",
"$type": "color",
"$description": "Used for an icon within a link.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/icon.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.link}",
"$type": "color",
"$description": "Used for an icon within a link.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{icon.color.link}"
},
"name": "ICON_COLOR_LINK",
"attributes": {},
"path": [
"icon",
"color",
"link"
],
"cssWithValue": "var(--gl-icon-color-link)"
},
"info": {
"key": "{icon.color.info}",
"$value": "#9dc7f1",
"$type": "color",
"$description": "Used for an icon associated with information or help.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/icon.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.200}",
"$type": "color",
"$description": "Used for an icon associated with information or help.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{icon.color.info}"
},
"name": "ICON_COLOR_INFO",
"attributes": {},
"path": [
"icon",
"color",
"info"
],
"cssWithValue": "var(--gl-icon-color-info)"
},
"warning": {
"key": "{icon.color.warning}",
"$value": "#d99530",
"$type": "color",
"$description": "Used for an icon associated with a warning.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/icon.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.warning}",
"$type": "color",
"$description": "Used for an icon associated with a warning.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{icon.color.warning}"
},
"name": "ICON_COLOR_WARNING",
"attributes": {},
"path": [
"icon",
"color",
"warning"
],
"cssWithValue": "var(--gl-icon-color-warning)"
},
"danger": {
"key": "{icon.color.danger}",
"$value": "#f6806d",
"$type": "color",
"$description": "Used for an icon associated with an error or danger.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/icon.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.danger}",
"$type": "color",
"$description": "Used for an icon associated with an error or danger.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{icon.color.danger}"
},
"name": "ICON_COLOR_DANGER",
"attributes": {},
"path": [
"icon",
"color",
"danger"
],
"cssWithValue": "var(--gl-icon-color-danger)"
},
"success": {
"key": "{icon.color.success}",
"$value": "#52b87a",
"$type": "color",
"$description": "Used for an icon associated with success or validity.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/icon.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.success}",
"$type": "color",
"$description": "Used for an icon associated with success or validity.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{icon.color.success}"
},
"name": "ICON_COLOR_SUCCESS",
"attributes": {},
"path": [
"icon",
"color",
"success"
],
"cssWithValue": "var(--gl-icon-color-success)"
}
},
"status": {
"neutral": {
"key": "{status.neutral.icon.color}",
"$value": "#a4a3a8",
"$type": "color",
"$description": "Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.300}",
"$type": "color",
"$description": "Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{status.neutral.icon.color}"
},
"name": "STATUS_NEUTRAL_ICON_COLOR",
"attributes": {},
"path": [
"status",
"neutral",
"icon",
"color"
],
"cssWithValue": "var(--gl-status-neutral-icon-color)"
},
"info": {
"key": "{status.info.icon.color}",
"$value": "#63a6e9",
"$type": "color",
"$description": "Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.300}",
"$type": "color",
"$description": "Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{status.info.icon.color}"
},
"name": "STATUS_INFO_ICON_COLOR",
"attributes": {},
"path": [
"status",
"info",
"icon",
"color"
],
"cssWithValue": "var(--gl-status-info-icon-color)"
},
"success": {
"key": "{status.success.icon.color}",
"$value": "#52b87a",
"$type": "color",
"$description": "Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.300}",
"$type": "color",
"$description": "Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{status.success.icon.color}"
},
"name": "STATUS_SUCCESS_ICON_COLOR",
"attributes": {},
"path": [
"status",
"success",
"icon",
"color"
],
"cssWithValue": "var(--gl-status-success-icon-color)"
},
"warning": {
"key": "{status.warning.icon.color}",
"$value": "#d99530",
"$type": "color",
"$description": "Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.300}",
"$type": "color",
"$description": "Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{status.warning.icon.color}"
},
"name": "STATUS_WARNING_ICON_COLOR",
"attributes": {},
"path": [
"status",
"warning",
"icon",
"color"
],
"cssWithValue": "var(--gl-status-warning-icon-color)"
},
"danger": {
"key": "{status.danger.icon.color}",
"$value": "#f6806d",
"$type": "color",
"$description": "Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.300}",
"$type": "color",
"$description": "Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{status.danger.icon.color}"
},
"name": "STATUS_DANGER_ICON_COLOR",
"attributes": {},
"path": [
"status",
"danger",
"icon",
"color"
],
"cssWithValue": "var(--gl-status-danger-icon-color)"
},
"brand": {
"key": "{status.brand.icon.color}",
"$value": "#7b58cf",
"$type": "color",
"$description": "Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.500}",
"$type": "color",
"$description": "Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{status.brand.icon.color}"
},
"name": "STATUS_BRAND_ICON_COLOR",
"attributes": {},
"path": [
"status",
"brand",
"icon",
"color"
],
"cssWithValue": "var(--gl-status-brand-icon-color)"
}
},
"feedback": {
"strong": {
"key": "{feedback.strong.icon.color}",
"$value": "#fff",
"$type": "color",
"$description": "Used for an icon on a strong feedback background.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.0}",
"$type": "color",
"$description": "Used for an icon on a strong feedback background.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{feedback.strong.icon.color}"
},
"name": "FEEDBACK_STRONG_ICON_COLOR",
"attributes": {},
"path": [
"feedback",
"strong",
"icon",
"color"
],
"cssWithValue": "var(--gl-feedback-strong-icon-color)"
},
"neutral": {
"key": "{feedback.neutral.icon.color}",
"$value": "#a4a3a8",
"$type": "color",
"$description": "Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.300}",
"$type": "color",
"$description": "Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{feedback.neutral.icon.color}"
},
"name": "FEEDBACK_NEUTRAL_ICON_COLOR",
"attributes": {},
"path": [
"feedback",
"neutral",
"icon",
"color"
],
"cssWithValue": "var(--gl-feedback-neutral-icon-color)"
},
"info": {
"key": "{feedback.info.icon.color}",
"$value": "#63a6e9",
"$type": "color",
"$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.300}",
"$type": "color",
"$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{feedback.info.icon.color}"
},
"name": "FEEDBACK_INFO_ICON_COLOR",
"attributes": {},
"path": [
"feedback",
"info",
"icon",
"color"
],
"cssWithValue": "var(--gl-feedback-info-icon-color)"
},
"success": {
"key": "{feedback.success.icon.color}",
"$value": "#52b87a",
"$type": "color",
"$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.300}",
"$type": "color",
"$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{feedback.success.icon.color}"
},
"name": "FEEDBACK_SUCCESS_ICON_COLOR",
"attributes": {},
"path": [
"feedback",
"success",
"icon",
"color"
],
"cssWithValue": "var(--gl-feedback-success-icon-color)"
},
"warning": {
"key": "{feedback.warning.icon.color}",
"$value": "#d99530",
"$type": "color",
"$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.300}",
"$type": "color",
"$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{feedback.warning.icon.color}"
},
"name": "FEEDBACK_WARNING_ICON_COLOR",
"attributes": {},
"path": [
"feedback",
"warning",
"icon",
"color"
],
"cssWithValue": "var(--gl-feedback-warning-icon-color)"
},
"danger": {
"key": "{feedback.danger.icon.color}",
"$value": "#f6806d",
"$type": "color",
"$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.300}",
"$type": "color",
"$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{feedback.danger.icon.color}"
},
"name": "FEEDBACK_DANGER_ICON_COLOR",
"attributes": {},
"path": [
"feedback",
"danger",
"icon",
"color"
],
"cssWithValue": "var(--gl-feedback-danger-icon-color)"
},
"brand": {
"key": "{feedback.brand.icon.color}",
"$value": "#ac93e6",
"$type": "color",
"$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.300}",
"$type": "color",
"$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
"$extensions": {
"com.figma.scopes": [
"SHAPE_FILL",
"TEXT_FILL"
]
},
"key": "{feedback.brand.icon.color}"
},
"name": "FEEDBACK_BRAND_ICON_COLOR",
"attributes": {},
"path": [
"feedback",
"brand",
"icon",
"color"
],
"cssWithValue": "var(--gl-feedback-brand-icon-color)"
}
}
},
"text": {
"alpha": {
"light": {
"2": {
"key": "{color.alpha.light.2}",
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.2}"
},
"name": "COLOR_ALPHA_LIGHT_2",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"2"
],
"cssWithValue": "var(--gl-color-alpha-light-2)"
},
"4": {
"key": "{color.alpha.light.4}",
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.4}"
},
"name": "COLOR_ALPHA_LIGHT_4",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"4"
],
"cssWithValue": "var(--gl-color-alpha-light-4)"
},
"6": {
"key": "{color.alpha.light.6}",
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.6}"
},
"name": "COLOR_ALPHA_LIGHT_6",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"6"
],
"cssWithValue": "var(--gl-color-alpha-light-6)"
},
"8": {
"key": "{color.alpha.light.8}",
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.8}"
},
"name": "COLOR_ALPHA_LIGHT_8",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"8"
],
"cssWithValue": "var(--gl-color-alpha-light-8)"
},
"16": {
"key": "{color.alpha.light.16}",
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.16}"
},
"name": "COLOR_ALPHA_LIGHT_16",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"16"
],
"cssWithValue": "var(--gl-color-alpha-light-16)"
},
"24": {
"key": "{color.alpha.light.24}",
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.24}"
},
"name": "COLOR_ALPHA_LIGHT_24",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"24"
],
"cssWithValue": "var(--gl-color-alpha-light-24)"
},
"36": {
"key": "{color.alpha.light.36}",
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$deprecated": true,
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$deprecated": true,
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.36}"
},
"name": "COLOR_ALPHA_LIGHT_36",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"36"
],
"cssWithValue": "var(--gl-color-alpha-light-36)"
},
"40": {
"key": "{color.alpha.light.40}",
"$value": "rgba(255, 255, 255, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.40}"
},
"name": "COLOR_ALPHA_LIGHT_40",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"40"
],
"cssWithValue": "var(--gl-color-alpha-light-40)"
}
},
"dark": {
"2": {
"key": "{color.alpha.dark.2}",
"$value": "rgba(5, 5, 6, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.2}"
},
"name": "COLOR_ALPHA_DARK_2",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"2"
],
"cssWithValue": "var(--gl-color-alpha-dark-2)"
},
"4": {
"key": "{color.alpha.dark.4}",
"$value": "rgba(5, 5, 6, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.4}"
},
"name": "COLOR_ALPHA_DARK_4",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"4"
],
"cssWithValue": "var(--gl-color-alpha-dark-4)"
},
"6": {
"key": "{color.alpha.dark.6}",
"$value": "rgba(5, 5, 6, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.6}"
},
"name": "COLOR_ALPHA_DARK_6",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"6"
],
"cssWithValue": "var(--gl-color-alpha-dark-6)"
},
"8": {
"key": "{color.alpha.dark.8}",
"$value": "rgba(5, 5, 6, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.8}"
},
"name": "COLOR_ALPHA_DARK_8",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"8"
],
"cssWithValue": "var(--gl-color-alpha-dark-8)"
},
"16": {
"key": "{color.alpha.dark.16}",
"$value": "rgba(5, 5, 6, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.16}"
},
"name": "COLOR_ALPHA_DARK_16",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"16"
],
"cssWithValue": "var(--gl-color-alpha-dark-16)"
},
"24": {
"key": "{color.alpha.dark.24}",
"$value": "rgba(5, 5, 6, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.24}"
},
"name": "COLOR_ALPHA_DARK_24",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"24"
],
"cssWithValue": "var(--gl-color-alpha-dark-24)"
},
"40": {
"key": "{color.alpha.dark.40}",
"$value": "rgba(5, 5, 6, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.40}"
},
"name": "COLOR_ALPHA_DARK_40",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"40"
],
"cssWithValue": "var(--gl-color-alpha-dark-40)"
}
}
},
"blue": {
"50": {
"key": "{blue.50}",
"$value": "#213454",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.50}"
},
"name": "E_50",
"attributes": {},
"path": [
"blue",
"50"
],
"cssWithValue": "var(--blue-50)"
},
"100": {
"key": "{blue.100}",
"$value": "#284779",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.100}"
},
"name": "E_100",
"attributes": {},
"path": [
"blue",
"100"
],
"cssWithValue": "var(--blue-100)"
},
"200": {
"key": "{blue.200}",
"$value": "#2f5ca0",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.200}"
},
"name": "E_200",
"attributes": {},
"path": [
"blue",
"200"
],
"cssWithValue": "var(--blue-200)"
},
"300": {
"key": "{blue.300}",
"$value": "#2f68b4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.300}"
},
"name": "E_300",
"attributes": {},
"path": [
"blue",
"300"
],
"cssWithValue": "var(--blue-300)"
},
"400": {
"key": "{blue.400}",
"$value": "#1f75cb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.400}"
},
"name": "E_400",
"attributes": {},
"path": [
"blue",
"400"
],
"cssWithValue": "var(--blue-400)"
},
"500": {
"key": "{blue.500}",
"$value": "#428fdc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.500}"
},
"name": "E_500",
"attributes": {},
"path": [
"blue",
"500"
],
"cssWithValue": "var(--blue-500)"
},
"600": {
"key": "{blue.600}",
"$value": "#63a6e9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.600}"
},
"name": "E_600",
"attributes": {},
"path": [
"blue",
"600"
],
"cssWithValue": "var(--blue-600)"
},
"700": {
"key": "{blue.700}",
"$value": "#9dc7f1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.700}"
},
"name": "E_700",
"attributes": {},
"path": [
"blue",
"700"
],
"cssWithValue": "var(--blue-700)"
},
"800": {
"key": "{blue.800}",
"$value": "#cbe2f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.800}"
},
"name": "E_800",
"attributes": {},
"path": [
"blue",
"800"
],
"cssWithValue": "var(--blue-800)"
},
"900": {
"key": "{blue.900}",
"$value": "#e9f3fc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.900}"
},
"name": "E_900",
"attributes": {},
"path": [
"blue",
"900"
],
"cssWithValue": "var(--blue-900)"
},
"950": {
"key": "{blue.950}",
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.950}"
},
"name": "E_950",
"attributes": {},
"path": [
"blue",
"950"
],
"cssWithValue": "var(--blue-950)"
}
},
"gray": {
"10": {
"key": "{gray.10}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.950}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.10}"
},
"name": "Y_10",
"attributes": {},
"path": [
"gray",
"10"
],
"cssWithValue": "var(--gray-10)"
},
"50": {
"key": "{gray.50}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.50}"
},
"name": "Y_50",
"attributes": {},
"path": [
"gray",
"50"
],
"cssWithValue": "var(--gray-50)"
},
"100": {
"key": "{gray.100}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.100}"
},
"name": "Y_100",
"attributes": {},
"path": [
"gray",
"100"
],
"cssWithValue": "var(--gray-100)"
},
"200": {
"key": "{gray.200}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.200}"
},
"name": "Y_200",
"attributes": {},
"path": [
"gray",
"200"
],
"cssWithValue": "var(--gray-200)"
},
"300": {
"key": "{gray.300}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.300}"
},
"name": "Y_300",
"attributes": {},
"path": [
"gray",
"300"
],
"cssWithValue": "var(--gray-300)"
},
"400": {
"key": "{gray.400}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.400}"
},
"name": "Y_400",
"attributes": {},
"path": [
"gray",
"400"
],
"cssWithValue": "var(--gray-400)"
},
"500": {
"key": "{gray.500}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.500}"
},
"name": "Y_500",
"attributes": {},
"path": [
"gray",
"500"
],
"cssWithValue": "var(--gray-500)"
},
"600": {
"key": "{gray.600}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.600}"
},
"name": "Y_600",
"attributes": {},
"path": [
"gray",
"600"
],
"cssWithValue": "var(--gray-600)"
},
"700": {
"key": "{gray.700}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.700}"
},
"name": "Y_700",
"attributes": {},
"path": [
"gray",
"700"
],
"cssWithValue": "var(--gray-700)"
},
"800": {
"key": "{gray.800}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.800}"
},
"name": "Y_800",
"attributes": {},
"path": [
"gray",
"800"
],
"cssWithValue": "var(--gray-800)"
},
"900": {
"key": "{gray.900}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.900}"
},
"name": "Y_900",
"attributes": {},
"path": [
"gray",
"900"
],
"cssWithValue": "var(--gray-900)"
},
"950": {
"key": "{gray.950}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.10}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.950}"
},
"name": "Y_950",
"attributes": {},
"path": [
"gray",
"950"
],
"cssWithValue": "var(--gray-950)"
}
},
"green": {
"50": {
"key": "{green.50}",
"$value": "#1e3e28",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.50}"
},
"name": "EN_50",
"attributes": {},
"path": [
"green",
"50"
],
"cssWithValue": "var(--green-50)"
},
"100": {
"key": "{green.100}",
"$value": "#225131",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.100}"
},
"name": "EN_100",
"attributes": {},
"path": [
"green",
"100"
],
"cssWithValue": "var(--green-100)"
},
"200": {
"key": "{green.200}",
"$value": "#306440",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.200}"
},
"name": "EN_200",
"attributes": {},
"path": [
"green",
"200"
],
"cssWithValue": "var(--green-200)"
},
"300": {
"key": "{green.300}",
"$value": "#2f7549",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.300}"
},
"name": "EN_300",
"attributes": {},
"path": [
"green",
"300"
],
"cssWithValue": "var(--green-300)"
},
"400": {
"key": "{green.400}",
"$value": "#108548",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.400}"
},
"name": "EN_400",
"attributes": {},
"path": [
"green",
"400"
],
"cssWithValue": "var(--green-400)"
},
"500": {
"key": "{green.500}",
"$value": "#2da160",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.500}"
},
"name": "EN_500",
"attributes": {},
"path": [
"green",
"500"
],
"cssWithValue": "var(--green-500)"
},
"600": {
"key": "{green.600}",
"$value": "#52b87a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.600}"
},
"name": "EN_600",
"attributes": {},
"path": [
"green",
"600"
],
"cssWithValue": "var(--green-600)"
},
"700": {
"key": "{green.700}",
"$value": "#91d4a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.700}"
},
"name": "EN_700",
"attributes": {},
"path": [
"green",
"700"
],
"cssWithValue": "var(--green-700)"
},
"800": {
"key": "{green.800}",
"$value": "#c3e6cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.800}"
},
"name": "EN_800",
"attributes": {},
"path": [
"green",
"800"
],
"cssWithValue": "var(--green-800)"
},
"900": {
"key": "{green.900}",
"$value": "#ecf4ee",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.900}"
},
"name": "EN_900",
"attributes": {},
"path": [
"green",
"900"
],
"cssWithValue": "var(--green-900)"
},
"950": {
"key": "{green.950}",
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.950}"
},
"name": "EN_950",
"attributes": {},
"path": [
"green",
"950"
],
"cssWithValue": "var(--green-950)"
}
},
"orange": {
"50": {
"key": "{orange.50}",
"$value": "#532e16",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.50}"
},
"name": "NGE_50",
"attributes": {},
"path": [
"orange",
"50"
],
"cssWithValue": "var(--orange-50)"
},
"100": {
"key": "{orange.100}",
"$value": "#693c14",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.100}"
},
"name": "NGE_100",
"attributes": {},
"path": [
"orange",
"100"
],
"cssWithValue": "var(--orange-100)"
},
"200": {
"key": "{orange.200}",
"$value": "#894b16",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.200}"
},
"name": "NGE_200",
"attributes": {},
"path": [
"orange",
"200"
],
"cssWithValue": "var(--orange-200)"
},
"300": {
"key": "{orange.300}",
"$value": "#995715",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.300}"
},
"name": "NGE_300",
"attributes": {},
"path": [
"orange",
"300"
],
"cssWithValue": "var(--orange-300)"
},
"400": {
"key": "{orange.400}",
"$value": "#ab6100",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.400}"
},
"name": "NGE_400",
"attributes": {},
"path": [
"orange",
"400"
],
"cssWithValue": "var(--orange-400)"
},
"500": {
"key": "{orange.500}",
"$value": "#c17d10",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.500}"
},
"name": "NGE_500",
"attributes": {},
"path": [
"orange",
"500"
],
"cssWithValue": "var(--orange-500)"
},
"600": {
"key": "{orange.600}",
"$value": "#d99530",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.600}"
},
"name": "NGE_600",
"attributes": {},
"path": [
"orange",
"600"
],
"cssWithValue": "var(--orange-600)"
},
"700": {
"key": "{orange.700}",
"$value": "#e9be74",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.700}"
},
"name": "NGE_700",
"attributes": {},
"path": [
"orange",
"700"
],
"cssWithValue": "var(--orange-700)"
},
"800": {
"key": "{orange.800}",
"$value": "#f5d9a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.800}"
},
"name": "NGE_800",
"attributes": {},
"path": [
"orange",
"800"
],
"cssWithValue": "var(--orange-800)"
},
"900": {
"key": "{orange.900}",
"$value": "#fdf1dd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.900}"
},
"name": "NGE_900",
"attributes": {},
"path": [
"orange",
"900"
],
"cssWithValue": "var(--orange-900)"
},
"950": {
"key": "{orange.950}",
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.950}"
},
"name": "NGE_950",
"attributes": {},
"path": [
"orange",
"950"
],
"cssWithValue": "var(--orange-950)"
}
},
"purple": {
"50": {
"key": "{purple.50}",
"$value": "#27243e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.950}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.50}"
},
"name": "PLE_50",
"attributes": {},
"path": [
"purple",
"50"
],
"cssWithValue": "var(--purple-50)"
},
"100": {
"key": "{purple.100}",
"$value": "#342d59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.100}"
},
"name": "PLE_100",
"attributes": {},
"path": [
"purple",
"100"
],
"cssWithValue": "var(--purple-100)"
},
"200": {
"key": "{purple.200}",
"$value": "#493c83",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.200}"
},
"name": "PLE_200",
"attributes": {},
"path": [
"purple",
"200"
],
"cssWithValue": "var(--purple-200)"
},
"300": {
"key": "{purple.300}",
"$value": "#5c47a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.300}"
},
"name": "PLE_300",
"attributes": {},
"path": [
"purple",
"300"
],
"cssWithValue": "var(--purple-300)"
},
"400": {
"key": "{purple.400}",
"$value": "#6a4fb4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.400}"
},
"name": "PLE_400",
"attributes": {},
"path": [
"purple",
"400"
],
"cssWithValue": "var(--purple-400)"
},
"500": {
"key": "{purple.500}",
"$value": "#7b58cf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.500}"
},
"name": "PLE_500",
"attributes": {},
"path": [
"purple",
"500"
],
"cssWithValue": "var(--purple-500)"
},
"600": {
"key": "{purple.600}",
"$value": "#9475db",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.600}"
},
"name": "PLE_600",
"attributes": {},
"path": [
"purple",
"600"
],
"cssWithValue": "var(--purple-600)"
},
"700": {
"key": "{purple.700}",
"$value": "#ac93e6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.700}"
},
"name": "PLE_700",
"attributes": {},
"path": [
"purple",
"700"
],
"cssWithValue": "var(--purple-700)"
},
"800": {
"key": "{purple.800}",
"$value": "#cbbbf2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.800}"
},
"name": "PLE_800",
"attributes": {},
"path": [
"purple",
"800"
],
"cssWithValue": "var(--purple-800)"
},
"900": {
"key": "{purple.900}",
"$value": "#e1d8f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.900}"
},
"name": "PLE_900",
"attributes": {},
"path": [
"purple",
"900"
],
"cssWithValue": "var(--purple-900)"
},
"950": {
"key": "{purple.950}",
"$value": "#f4f0ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.950}"
},
"name": "PLE_950",
"attributes": {},
"path": [
"purple",
"950"
],
"cssWithValue": "var(--purple-950)"
}
},
"red": {
"50": {
"key": "{red.50}",
"$value": "#582014",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.50}"
},
"name": "_50",
"attributes": {},
"path": [
"red",
"50"
],
"cssWithValue": "var(--red-50)"
},
"100": {
"key": "{red.100}",
"$value": "#812713",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.100}"
},
"name": "_100",
"attributes": {},
"path": [
"red",
"100"
],
"cssWithValue": "var(--red-100)"
},
"200": {
"key": "{red.200}",
"$value": "#a32c12",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.200}"
},
"name": "_200",
"attributes": {},
"path": [
"red",
"200"
],
"cssWithValue": "var(--red-200)"
},
"300": {
"key": "{red.300}",
"$value": "#c02f12",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.300}"
},
"name": "_300",
"attributes": {},
"path": [
"red",
"300"
],
"cssWithValue": "var(--red-300)"
},
"400": {
"key": "{red.400}",
"$value": "#dd2b0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.400}"
},
"name": "_400",
"attributes": {},
"path": [
"red",
"400"
],
"cssWithValue": "var(--red-400)"
},
"500": {
"key": "{red.500}",
"$value": "#ec5941",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.500}"
},
"name": "_500",
"attributes": {},
"path": [
"red",
"500"
],
"cssWithValue": "var(--red-500)"
},
"600": {
"key": "{red.600}",
"$value": "#f6806d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.600}"
},
"name": "_600",
"attributes": {},
"path": [
"red",
"600"
],
"cssWithValue": "var(--red-600)"
},
"700": {
"key": "{red.700}",
"$value": "#fcb5aa",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.700}"
},
"name": "_700",
"attributes": {},
"path": [
"red",
"700"
],
"cssWithValue": "var(--red-700)"
},
"800": {
"key": "{red.800}",
"$value": "#fdd4cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.800}"
},
"name": "_800",
"attributes": {},
"path": [
"red",
"800"
],
"cssWithValue": "var(--red-800)"
},
"900": {
"key": "{red.900}",
"$value": "#fcf1ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.900}"
},
"name": "_900",
"attributes": {},
"path": [
"red",
"900"
],
"cssWithValue": "var(--red-900)"
},
"950": {
"key": "{red.950}",
"$value": "#fff4f3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff4f3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.950}"
},
"name": "_950",
"attributes": {},
"path": [
"red",
"950"
],
"cssWithValue": "var(--red-950)"
}
},
"brand-white": {
"key": "{color.brand-white}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-white}"
},
"name": "COLOR_BRAND_WHITE",
"attributes": {},
"path": [
"color",
"brand-white"
],
"cssWithValue": "var(--gl-color-brand-white)"
},
"brand-charcoal": {
"key": "{color.brand-charcoal}",
"$value": "#171321",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#171321",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-charcoal}"
},
"name": "COLOR_BRAND_CHARCOAL",
"attributes": {},
"path": [
"color",
"brand-charcoal"
],
"cssWithValue": "var(--gl-color-brand-charcoal)"
},
"brand-orange": {
"01g": {
"key": "{color.brand-orange.01g}",
"$value": "#ffd1bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ffd1bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.01g}"
},
"name": "COLOR_BRAND_ORANGE_01G",
"attributes": {},
"path": [
"color",
"brand-orange",
"01g"
],
"cssWithValue": "var(--gl-color-brand-orange-01g)"
},
"01p": {
"key": "{color.brand-orange.01p}",
"$value": "#fca326",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fca326",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.01p}"
},
"name": "COLOR_BRAND_ORANGE_01P",
"attributes": {},
"path": [
"color",
"brand-orange",
"01p"
],
"cssWithValue": "var(--gl-color-brand-orange-01p)"
},
"02p": {
"key": "{color.brand-orange.02p}",
"$value": "#fc6d26",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fc6d26",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.02p}"
},
"name": "COLOR_BRAND_ORANGE_02P",
"attributes": {},
"path": [
"color",
"brand-orange",
"02p"
],
"cssWithValue": "var(--gl-color-brand-orange-02p)"
},
"03p": {
"key": "{color.brand-orange.03p}",
"$value": "#e24329",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#e24329",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.03p}"
},
"name": "COLOR_BRAND_ORANGE_03P",
"attributes": {},
"path": [
"color",
"brand-orange",
"03p"
],
"cssWithValue": "var(--gl-color-brand-orange-03p)"
}
},
"brand-purple": {
"01g": {
"key": "{color.brand-purple.01g}",
"$value": "#ceb3ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ceb3ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.01g}"
},
"name": "COLOR_BRAND_PURPLE_01G",
"attributes": {},
"path": [
"color",
"brand-purple",
"01g"
],
"cssWithValue": "var(--gl-color-brand-purple-01g)"
},
"01p": {
"key": "{color.brand-purple.01p}",
"$value": "#a989f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#a989f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.01p}"
},
"name": "COLOR_BRAND_PURPLE_01P",
"attributes": {},
"path": [
"color",
"brand-purple",
"01p"
],
"cssWithValue": "var(--gl-color-brand-purple-01p)"
},
"02p": {
"key": "{color.brand-purple.02p}",
"$value": "#7759c2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#7759c2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.02p}"
},
"name": "COLOR_BRAND_PURPLE_02P",
"attributes": {},
"path": [
"color",
"brand-purple",
"02p"
],
"cssWithValue": "var(--gl-color-brand-purple-02p)"
}
},
"brand-gray": {
"01": {
"key": "{color.brand-gray.01}",
"$value": "#d1d0d3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#d1d0d3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.01}"
},
"name": "COLOR_BRAND_GRAY_01",
"attributes": {},
"path": [
"color",
"brand-gray",
"01"
],
"cssWithValue": "var(--gl-color-brand-gray-01)"
},
"02": {
"key": "{color.brand-gray.02}",
"$value": "#a2a1a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#a2a1a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.02}"
},
"name": "COLOR_BRAND_GRAY_02",
"attributes": {},
"path": [
"color",
"brand-gray",
"02"
],
"cssWithValue": "var(--gl-color-brand-gray-02)"
},
"03": {
"key": "{color.brand-gray.03}",
"$value": "#74717a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#74717a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.03}"
},
"name": "COLOR_BRAND_GRAY_03",
"attributes": {},
"path": [
"color",
"brand-gray",
"03"
],
"cssWithValue": "var(--gl-color-brand-gray-03)"
},
"04": {
"key": "{color.brand-gray.04}",
"$value": "#45424d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#45424d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.04}"
},
"name": "COLOR_BRAND_GRAY_04",
"attributes": {},
"path": [
"color",
"brand-gray",
"04"
],
"cssWithValue": "var(--gl-color-brand-gray-04)"
},
"05": {
"key": "{color.brand-gray.05}",
"$value": "#2b2838",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#2b2838",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.05}"
},
"name": "COLOR_BRAND_GRAY_05",
"attributes": {},
"path": [
"color",
"brand-gray",
"05"
],
"cssWithValue": "var(--gl-color-brand-gray-05)"
}
},
"brand-pink": {
"01g": {
"key": "{color.brand-pink.01g}",
"$value": "#ffb9c9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ffb9c9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-pink.01g}"
},
"name": "COLOR_BRAND_PINK_01G",
"attributes": {},
"path": [
"color",
"brand-pink",
"01g"
],
"cssWithValue": "var(--gl-color-brand-pink-01g)"
}
},
"data-viz": {
"green": {
"50": {
"key": "{data-viz.green.50}",
"$value": "#133a03",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#133a03",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.50}"
},
"name": "A_VIZ_GREEN_50",
"attributes": {},
"path": [
"data-viz",
"green",
"50"
],
"cssWithValue": "var(--data-viz-green-50)"
},
"100": {
"key": "{data-viz.green.100}",
"$value": "#1a4500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#1a4500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.100}"
},
"name": "A_VIZ_GREEN_100",
"attributes": {},
"path": [
"data-viz",
"green",
"100"
],
"cssWithValue": "var(--data-viz-green-100)"
},
"200": {
"key": "{data-viz.green.200}",
"$value": "#275600",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#275600",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.200}"
},
"name": "A_VIZ_GREEN_200",
"attributes": {},
"path": [
"data-viz",
"green",
"200"
],
"cssWithValue": "var(--data-viz-green-200)"
},
"300": {
"key": "{data-viz.green.300}",
"$value": "#366800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#366800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.300}"
},
"name": "A_VIZ_GREEN_300",
"attributes": {},
"path": [
"data-viz",
"green",
"300"
],
"cssWithValue": "var(--data-viz-green-300)"
},
"400": {
"key": "{data-viz.green.400}",
"$value": "#4e7f0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4e7f0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.400}"
},
"name": "A_VIZ_GREEN_400",
"attributes": {},
"path": [
"data-viz",
"green",
"400"
],
"cssWithValue": "var(--data-viz-green-400)"
},
"500": {
"key": "{data-viz.green.500}",
"$value": "#619025",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#619025",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.500}"
},
"name": "A_VIZ_GREEN_500",
"attributes": {},
"path": [
"data-viz",
"green",
"500"
],
"cssWithValue": "var(--data-viz-green-500)"
},
"600": {
"key": "{data-viz.green.600}",
"$value": "#81ac41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#81ac41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.600}"
},
"name": "A_VIZ_GREEN_600",
"attributes": {},
"path": [
"data-viz",
"green",
"600"
],
"cssWithValue": "var(--data-viz-green-600)"
},
"700": {
"key": "{data-viz.green.700}",
"$value": "#94c25e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#94c25e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.700}"
},
"name": "A_VIZ_GREEN_700",
"attributes": {},
"path": [
"data-viz",
"green",
"700"
],
"cssWithValue": "var(--data-viz-green-700)"
},
"800": {
"key": "{data-viz.green.800}",
"$value": "#b0d97b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b0d97b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.800}"
},
"name": "A_VIZ_GREEN_800",
"attributes": {},
"path": [
"data-viz",
"green",
"800"
],
"cssWithValue": "var(--data-viz-green-800)"
},
"900": {
"key": "{data-viz.green.900}",
"$value": "#c6ed94",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#c6ed94",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.900}"
},
"name": "A_VIZ_GREEN_900",
"attributes": {},
"path": [
"data-viz",
"green",
"900"
],
"cssWithValue": "var(--data-viz-green-900)"
},
"950": {
"key": "{data-viz.green.950}",
"$value": "#ddfab7",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ddfab7",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.950}"
},
"name": "A_VIZ_GREEN_950",
"attributes": {},
"path": [
"data-viz",
"green",
"950"
],
"cssWithValue": "var(--data-viz-green-950)"
}
},
"aqua": {
"50": {
"key": "{data-viz.aqua.50}",
"$value": "#00344b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00344b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.50}"
},
"name": "A_VIZ_AQUA_50",
"attributes": {},
"path": [
"data-viz",
"aqua",
"50"
],
"cssWithValue": "var(--data-viz-aqua-50)"
},
"100": {
"key": "{data-viz.aqua.100}",
"$value": "#004059",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#004059",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.100}"
},
"name": "A_VIZ_AQUA_100",
"attributes": {},
"path": [
"data-viz",
"aqua",
"100"
],
"cssWithValue": "var(--data-viz-aqua-100)"
},
"200": {
"key": "{data-viz.aqua.200}",
"$value": "#00516c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00516c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.200}"
},
"name": "A_VIZ_AQUA_200",
"attributes": {},
"path": [
"data-viz",
"aqua",
"200"
],
"cssWithValue": "var(--data-viz-aqua-200)"
},
"300": {
"key": "{data-viz.aqua.300}",
"$value": "#006381",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#006381",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.300}"
},
"name": "A_VIZ_AQUA_300",
"attributes": {},
"path": [
"data-viz",
"aqua",
"300"
],
"cssWithValue": "var(--data-viz-aqua-300)"
},
"400": {
"key": "{data-viz.aqua.400}",
"$value": "#007b9b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#007b9b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.400}"
},
"name": "A_VIZ_AQUA_400",
"attributes": {},
"path": [
"data-viz",
"aqua",
"400"
],
"cssWithValue": "var(--data-viz-aqua-400)"
},
"500": {
"key": "{data-viz.aqua.500}",
"$value": "#0090b1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#0090b1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.500}"
},
"name": "A_VIZ_AQUA_500",
"attributes": {},
"path": [
"data-viz",
"aqua",
"500"
],
"cssWithValue": "var(--data-viz-aqua-500)"
},
"600": {
"key": "{data-viz.aqua.600}",
"$value": "#00acc4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00acc4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.600}"
},
"name": "A_VIZ_AQUA_600",
"attributes": {},
"path": [
"data-viz",
"aqua",
"600"
],
"cssWithValue": "var(--data-viz-aqua-600)"
},
"700": {
"key": "{data-viz.aqua.700}",
"$value": "#32c5d2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#32c5d2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.700}"
},
"name": "A_VIZ_AQUA_700",
"attributes": {},
"path": [
"data-viz",
"aqua",
"700"
],
"cssWithValue": "var(--data-viz-aqua-700)"
},
"800": {
"key": "{data-viz.aqua.800}",
"$value": "#5edee3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#5edee3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.800}"
},
"name": "A_VIZ_AQUA_800",
"attributes": {},
"path": [
"data-viz",
"aqua",
"800"
],
"cssWithValue": "var(--data-viz-aqua-800)"
},
"900": {
"key": "{data-viz.aqua.900}",
"$value": "#93f2ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#93f2ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.900}"
},
"name": "A_VIZ_AQUA_900",
"attributes": {},
"path": [
"data-viz",
"aqua",
"900"
],
"cssWithValue": "var(--data-viz-aqua-900)"
},
"950": {
"key": "{data-viz.aqua.950}",
"$value": "#b5fefd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b5fefd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.950}"
},
"name": "A_VIZ_AQUA_950",
"attributes": {},
"path": [
"data-viz",
"aqua",
"950"
],
"cssWithValue": "var(--data-viz-aqua-950)"
}
},
"blue": {
"50": {
"key": "{data-viz.blue.50}",
"$value": "#2a2b59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#2a2b59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.50}"
},
"name": "A_VIZ_BLUE_50",
"attributes": {},
"path": [
"data-viz",
"blue",
"50"
],
"cssWithValue": "var(--data-viz-blue-50)"
},
"100": {
"key": "{data-viz.blue.100}",
"$value": "#303470",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#303470",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.100}"
},
"name": "A_VIZ_BLUE_100",
"attributes": {},
"path": [
"data-viz",
"blue",
"100"
],
"cssWithValue": "var(--data-viz-blue-100)"
},
"200": {
"key": "{data-viz.blue.200}",
"$value": "#374291",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#374291",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.200}"
},
"name": "A_VIZ_BLUE_200",
"attributes": {},
"path": [
"data-viz",
"blue",
"200"
],
"cssWithValue": "var(--data-viz-blue-200)"
},
"300": {
"key": "{data-viz.blue.300}",
"$value": "#3f51ae",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#3f51ae",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.300}"
},
"name": "A_VIZ_BLUE_300",
"attributes": {},
"path": [
"data-viz",
"blue",
"300"
],
"cssWithValue": "var(--data-viz-blue-300)"
},
"400": {
"key": "{data-viz.blue.400}",
"$value": "#4e65cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4e65cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.400}"
},
"name": "A_VIZ_BLUE_400",
"attributes": {},
"path": [
"data-viz",
"blue",
"400"
],
"cssWithValue": "var(--data-viz-blue-400)"
},
"500": {
"key": "{data-viz.blue.500}",
"$value": "#617ae2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#617ae2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.500}"
},
"name": "A_VIZ_BLUE_500",
"attributes": {},
"path": [
"data-viz",
"blue",
"500"
],
"cssWithValue": "var(--data-viz-blue-500)"
},
"600": {
"key": "{data-viz.blue.600}",
"$value": "#7992f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#7992f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.600}"
},
"name": "A_VIZ_BLUE_600",
"attributes": {},
"path": [
"data-viz",
"blue",
"600"
],
"cssWithValue": "var(--data-viz-blue-600)"
},
"700": {
"key": "{data-viz.blue.700}",
"$value": "#97acff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#97acff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.700}"
},
"name": "A_VIZ_BLUE_700",
"attributes": {},
"path": [
"data-viz",
"blue",
"700"
],
"cssWithValue": "var(--data-viz-blue-700)"
},
"800": {
"key": "{data-viz.blue.800}",
"$value": "#b7c6ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b7c6ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.800}"
},
"name": "A_VIZ_BLUE_800",
"attributes": {},
"path": [
"data-viz",
"blue",
"800"
],
"cssWithValue": "var(--data-viz-blue-800)"
},
"900": {
"key": "{data-viz.blue.900}",
"$value": "#d2dcff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#d2dcff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.900}"
},
"name": "A_VIZ_BLUE_900",
"attributes": {},
"path": [
"data-viz",
"blue",
"900"
],
"cssWithValue": "var(--data-viz-blue-900)"
},
"950": {
"key": "{data-viz.blue.950}",
"$value": "#e9ebff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e9ebff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.950}"
},
"name": "A_VIZ_BLUE_950",
"attributes": {},
"path": [
"data-viz",
"blue",
"950"
],
"cssWithValue": "var(--data-viz-blue-950)"
}
},
"magenta": {
"50": {
"key": "{data-viz.magenta.50}",
"$value": "#541d31",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#541d31",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.50}"
},
"name": "A_VIZ_MAGENTA_50",
"attributes": {},
"path": [
"data-viz",
"magenta",
"50"
],
"cssWithValue": "var(--data-viz-magenta-50)"
},
"100": {
"key": "{data-viz.magenta.100}",
"$value": "#661e3a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#661e3a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.100}"
},
"name": "A_VIZ_MAGENTA_100",
"attributes": {},
"path": [
"data-viz",
"magenta",
"100"
],
"cssWithValue": "var(--data-viz-magenta-100)"
},
"200": {
"key": "{data-viz.magenta.200}",
"$value": "#7c214f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#7c214f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.200}"
},
"name": "A_VIZ_MAGENTA_200",
"attributes": {},
"path": [
"data-viz",
"magenta",
"200"
],
"cssWithValue": "var(--data-viz-magenta-200)"
},
"300": {
"key": "{data-viz.magenta.300}",
"$value": "#9a2e5d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#9a2e5d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.300}"
},
"name": "A_VIZ_MAGENTA_300",
"attributes": {},
"path": [
"data-viz",
"magenta",
"300"
],
"cssWithValue": "var(--data-viz-magenta-300)"
},
"400": {
"key": "{data-viz.magenta.400}",
"$value": "#b93d71",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b93d71",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.400}"
},
"name": "A_VIZ_MAGENTA_400",
"attributes": {},
"path": [
"data-viz",
"magenta",
"400"
],
"cssWithValue": "var(--data-viz-magenta-400)"
},
"500": {
"key": "{data-viz.magenta.500}",
"$value": "#cf4d81",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#cf4d81",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.500}"
},
"name": "A_VIZ_MAGENTA_500",
"attributes": {},
"path": [
"data-viz",
"magenta",
"500"
],
"cssWithValue": "var(--data-viz-magenta-500)"
},
"600": {
"key": "{data-viz.magenta.600}",
"$value": "#e86e9a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e86e9a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.600}"
},
"name": "A_VIZ_MAGENTA_600",
"attributes": {},
"path": [
"data-viz",
"magenta",
"600"
],
"cssWithValue": "var(--data-viz-magenta-600)"
},
"700": {
"key": "{data-viz.magenta.700}",
"$value": "#f88aaf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#f88aaf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.700}"
},
"name": "A_VIZ_MAGENTA_700",
"attributes": {},
"path": [
"data-viz",
"magenta",
"700"
],
"cssWithValue": "var(--data-viz-magenta-700)"
},
"800": {
"key": "{data-viz.magenta.800}",
"$value": "#fcacc5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#fcacc5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.800}"
},
"name": "A_VIZ_MAGENTA_800",
"attributes": {},
"path": [
"data-viz",
"magenta",
"800"
],
"cssWithValue": "var(--data-viz-magenta-800)"
},
"900": {
"key": "{data-viz.magenta.900}",
"$value": "#ffccdb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ffccdb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.900}"
},
"name": "A_VIZ_MAGENTA_900",
"attributes": {},
"path": [
"data-viz",
"magenta",
"900"
],
"cssWithValue": "var(--data-viz-magenta-900)"
},
"950": {
"key": "{data-viz.magenta.950}",
"$value": "#ffe3eb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ffe3eb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.950}"
},
"name": "A_VIZ_MAGENTA_950",
"attributes": {},
"path": [
"data-viz",
"magenta",
"950"
],
"cssWithValue": "var(--data-viz-magenta-950)"
}
},
"orange": {
"50": {
"key": "{data-viz.orange.50}",
"$value": "#4b2707",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4b2707",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.50}"
},
"name": "A_VIZ_ORANGE_50",
"attributes": {},
"path": [
"data-viz",
"orange",
"50"
],
"cssWithValue": "var(--data-viz-orange-50)"
},
"100": {
"key": "{data-viz.orange.100}",
"$value": "#5e2f05",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#5e2f05",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.100}"
},
"name": "A_VIZ_ORANGE_100",
"attributes": {},
"path": [
"data-viz",
"orange",
"100"
],
"cssWithValue": "var(--data-viz-orange-100)"
},
"200": {
"key": "{data-viz.orange.200}",
"$value": "#6f3500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#6f3500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.200}"
},
"name": "A_VIZ_ORANGE_200",
"attributes": {},
"path": [
"data-viz",
"orange",
"200"
],
"cssWithValue": "var(--data-viz-orange-200)"
},
"300": {
"key": "{data-viz.orange.300}",
"$value": "#92430a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#92430a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.300}"
},
"name": "A_VIZ_ORANGE_300",
"attributes": {},
"path": [
"data-viz",
"orange",
"300"
],
"cssWithValue": "var(--data-viz-orange-300)"
},
"400": {
"key": "{data-viz.orange.400}",
"$value": "#b14f18",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b14f18",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.400}"
},
"name": "A_VIZ_ORANGE_400",
"attributes": {},
"path": [
"data-viz",
"orange",
"400"
],
"cssWithValue": "var(--data-viz-orange-400)"
},
"500": {
"key": "{data-viz.orange.500}",
"$value": "#c95d2e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#c95d2e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.500}"
},
"name": "A_VIZ_ORANGE_500",
"attributes": {},
"path": [
"data-viz",
"orange",
"500"
],
"cssWithValue": "var(--data-viz-orange-500)"
},
"600": {
"key": "{data-viz.orange.600}",
"$value": "#e07e41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e07e41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.600}"
},
"name": "A_VIZ_ORANGE_600",
"attributes": {},
"path": [
"data-viz",
"orange",
"600"
],
"cssWithValue": "var(--data-viz-orange-600)"
},
"700": {
"key": "{data-viz.orange.700}",
"$value": "#e99b60",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e99b60",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.700}"
},
"name": "A_VIZ_ORANGE_700",
"attributes": {},
"path": [
"data-viz",
"orange",
"700"
],
"cssWithValue": "var(--data-viz-orange-700)"
},
"800": {
"key": "{data-viz.orange.800}",
"$value": "#eebd8c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#eebd8c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.800}"
},
"name": "A_VIZ_ORANGE_800",
"attributes": {},
"path": [
"data-viz",
"orange",
"800"
],
"cssWithValue": "var(--data-viz-orange-800)"
},
"900": {
"key": "{data-viz.orange.900}",
"$value": "#f5d6b3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#f5d6b3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.900}"
},
"name": "A_VIZ_ORANGE_900",
"attributes": {},
"path": [
"data-viz",
"orange",
"900"
],
"cssWithValue": "var(--data-viz-orange-900)"
},
"950": {
"key": "{data-viz.orange.950}",
"$value": "#fae8d1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#fae8d1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.950}"
},
"name": "A_VIZ_ORANGE_950",
"attributes": {},
"path": [
"data-viz",
"orange",
"950"
],
"cssWithValue": "var(--data-viz-orange-950)"
}
}
},
"neutral": {
"0": {
"key": "{color.neutral.0}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.0}"
},
"name": "COLOR_NEUTRAL_0",
"attributes": {},
"path": [
"color",
"neutral",
"0"
],
"cssWithValue": "var(--gl-color-neutral-0)"
},
"10": {
"key": "{color.neutral.10}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.10}"
},
"name": "COLOR_NEUTRAL_10",
"attributes": {},
"path": [
"color",
"neutral",
"10"
],
"cssWithValue": "var(--gl-color-neutral-10)"
},
"50": {
"key": "{color.neutral.50}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.50}"
},
"name": "COLOR_NEUTRAL_50",
"attributes": {},
"path": [
"color",
"neutral",
"50"
],
"cssWithValue": "var(--gl-color-neutral-50)"
},
"100": {
"key": "{color.neutral.100}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.100}"
},
"name": "COLOR_NEUTRAL_100",
"attributes": {},
"path": [
"color",
"neutral",
"100"
],
"cssWithValue": "var(--gl-color-neutral-100)"
},
"200": {
"key": "{color.neutral.200}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.200}"
},
"name": "COLOR_NEUTRAL_200",
"attributes": {},
"path": [
"color",
"neutral",
"200"
],
"cssWithValue": "var(--gl-color-neutral-200)"
},
"300": {
"key": "{color.neutral.300}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.300}"
},
"name": "COLOR_NEUTRAL_300",
"attributes": {},
"path": [
"color",
"neutral",
"300"
],
"cssWithValue": "var(--gl-color-neutral-300)"
},
"400": {
"key": "{color.neutral.400}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.400}"
},
"name": "COLOR_NEUTRAL_400",
"attributes": {},
"path": [
"color",
"neutral",
"400"
],
"cssWithValue": "var(--gl-color-neutral-400)"
},
"500": {
"key": "{color.neutral.500}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.500}"
},
"name": "COLOR_NEUTRAL_500",
"attributes": {},
"path": [
"color",
"neutral",
"500"
],
"cssWithValue": "var(--gl-color-neutral-500)"
},
"600": {
"key": "{color.neutral.600}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.600}"
},
"name": "COLOR_NEUTRAL_600",
"attributes": {},
"path": [
"color",
"neutral",
"600"
],
"cssWithValue": "var(--gl-color-neutral-600)"
},
"700": {
"key": "{color.neutral.700}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.700}"
},
"name": "COLOR_NEUTRAL_700",
"attributes": {},
"path": [
"color",
"neutral",
"700"
],
"cssWithValue": "var(--gl-color-neutral-700)"
},
"800": {
"key": "{color.neutral.800}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.800}"
},
"name": "COLOR_NEUTRAL_800",
"attributes": {},
"path": [
"color",
"neutral",
"800"
],
"cssWithValue": "var(--gl-color-neutral-800)"
},
"900": {
"key": "{color.neutral.900}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.900}"
},
"name": "COLOR_NEUTRAL_900",
"attributes": {},
"path": [
"color",
"neutral",
"900"
],
"cssWithValue": "var(--gl-color-neutral-900)"
},
"950": {
"key": "{color.neutral.950}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.950}"
},
"name": "COLOR_NEUTRAL_950",
"attributes": {},
"path": [
"color",
"neutral",
"950"
],
"cssWithValue": "var(--gl-color-neutral-950)"
},
"1000": {
"key": "{color.neutral.1000}",
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.1000}"
},
"name": "COLOR_NEUTRAL_1000",
"attributes": {},
"path": [
"color",
"neutral",
"1000"
],
"cssWithValue": "var(--gl-color-neutral-1000)"
}
},
"white": {
"key": "{white}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{white}"
},
"name": "TE",
"attributes": {},
"path": [
"white"
],
"cssWithValue": "var(--white)"
},
"black": {
"key": "{black}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.0}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{black}"
},
"name": "CK",
"attributes": {},
"path": [
"black"
],
"cssWithValue": "var(--black)"
},
"color": {
"default": {
"key": "{text.color.default}",
"$value": "#ececef",
"$type": "color",
"$description": "Used for the default text color.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.50}",
"$type": "color",
"$description": "Used for the default text color.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{text.color.default}"
},
"name": "TEXT_COLOR_DEFAULT",
"attributes": {},
"path": [
"text",
"color",
"default"
],
"cssWithValue": "var(--gl-text-color-default)"
},
"subtle": {
"key": "{text.color.subtle}",
"$value": "#bfbfc3",
"$type": "color",
"$description": "Used for supplemental text that doesn't need to be as prominent as other text.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.200}",
"$type": "color",
"$description": "Used for supplemental text that doesn't need to be as prominent as other text.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{text.color.subtle}"
},
"name": "TEXT_COLOR_SUBTLE",
"attributes": {},
"path": [
"text",
"color",
"subtle"
],
"cssWithValue": "var(--gl-text-color-subtle)"
},
"strong": {
"key": "{text.color.strong}",
"$value": "#fff",
"$type": "color",
"$description": "Used for text with the highest contrast.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.0}",
"$type": "color",
"$description": "Used for text with the highest contrast.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{text.color.strong}"
},
"name": "TEXT_COLOR_STRONG",
"attributes": {},
"path": [
"text",
"color",
"strong"
],
"cssWithValue": "var(--gl-text-color-strong)"
},
"heading": {
"key": "{text.color.heading}",
"$value": "#fff",
"$type": "color",
"$description": "Used for headings level 1-6.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.0}",
"$type": "color",
"$description": "Used for headings level 1-6.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{text.color.heading}"
},
"name": "TEXT_COLOR_HEADING",
"attributes": {},
"path": [
"text",
"color",
"heading"
],
"cssWithValue": "var(--gl-text-color-heading)"
},
"link": {
"key": "{text.color.link}",
"$value": "#9dc7f1",
"$type": "color",
"$description": "Used for default text links.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.200}",
"$type": "color",
"$description": "Used for default text links.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{text.color.link}"
},
"name": "TEXT_COLOR_LINK",
"attributes": {},
"path": [
"text",
"color",
"link"
],
"cssWithValue": "var(--gl-text-color-link)"
},
"warning": {
"key": "{text.color.warning}",
"$value": "#d99530",
"$type": "color",
"$description": "Used for text that requires caution or careful attention.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.300}",
"$type": "color",
"$description": "Used for text that requires caution or careful attention.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{text.color.warning}"
},
"name": "TEXT_COLOR_WARNING",
"attributes": {},
"path": [
"text",
"color",
"warning"
],
"cssWithValue": "var(--gl-text-color-warning)"
},
"danger": {
"key": "{text.color.danger}",
"$value": "#f6806d",
"$type": "color",
"$description": "Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.300}",
"$type": "color",
"$description": "Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{text.color.danger}"
},
"name": "TEXT_COLOR_DANGER",
"attributes": {},
"path": [
"text",
"color",
"danger"
],
"cssWithValue": "var(--gl-text-color-danger)"
},
"success": {
"key": "{text.color.success}",
"$value": "#52b87a",
"$type": "color",
"$description": "Used for text indicating success, completion, approval, addition, or validity.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.300}",
"$type": "color",
"$description": "Used for text indicating success, completion, approval, addition, or validity.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{text.color.success}"
},
"name": "TEXT_COLOR_SUCCESS",
"attributes": {},
"path": [
"text",
"color",
"success"
],
"cssWithValue": "var(--gl-text-color-success)"
},
"disabled": {
"key": "{text.color.disabled}",
"$value": "#89888d",
"$type": "color",
"$description": "Used for disabled text.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.400}",
"$type": "color",
"$description": "Used for disabled text.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{text.color.disabled}"
},
"name": "TEXT_COLOR_DISABLED",
"attributes": {},
"path": [
"text",
"color",
"disabled"
],
"cssWithValue": "var(--gl-text-color-disabled)"
}
},
"status": {
"neutral": {
"key": "{status.neutral.text.color}",
"$value": "#bfbfc3",
"$type": "color",
"$description": "Used for the text of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.200}",
"$type": "color",
"$description": "Used for the text of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{status.neutral.text.color}"
},
"name": "STATUS_NEUTRAL_TEXT_COLOR",
"attributes": {},
"path": [
"status",
"neutral",
"text",
"color"
],
"cssWithValue": "var(--gl-status-neutral-text-color)"
},
"info": {
"key": "{status.info.text.color}",
"$value": "#9dc7f1",
"$type": "color",
"$description": "Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.200}",
"$type": "color",
"$description": "Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{status.info.text.color}"
},
"name": "STATUS_INFO_TEXT_COLOR",
"attributes": {},
"path": [
"status",
"info",
"text",
"color"
],
"cssWithValue": "var(--gl-status-info-text-color)"
},
"success": {
"key": "{status.success.text.color}",
"$value": "#91d4a8",
"$type": "color",
"$description": "Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.200}",
"$type": "color",
"$description": "Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{status.success.text.color}"
},
"name": "STATUS_SUCCESS_TEXT_COLOR",
"attributes": {},
"path": [
"status",
"success",
"text",
"color"
],
"cssWithValue": "var(--gl-status-success-text-color)"
},
"warning": {
"key": "{status.warning.text.color}",
"$value": "#e9be74",
"$type": "color",
"$description": "Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.200}",
"$type": "color",
"$description": "Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{status.warning.text.color}"
},
"name": "STATUS_WARNING_TEXT_COLOR",
"attributes": {},
"path": [
"status",
"warning",
"text",
"color"
],
"cssWithValue": "var(--gl-status-warning-text-color)"
},
"danger": {
"key": "{status.danger.text.color}",
"$value": "#fcb5aa",
"$type": "color",
"$description": "Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.200}",
"$type": "color",
"$description": "Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{status.danger.text.color}"
},
"name": "STATUS_DANGER_TEXT_COLOR",
"attributes": {},
"path": [
"status",
"danger",
"text",
"color"
],
"cssWithValue": "var(--gl-status-danger-text-color)"
},
"brand": {
"key": "{status.brand.text.color}",
"$value": "#ac93e6",
"$type": "color",
"$description": "Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/status.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.300}",
"$type": "color",
"$description": "Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{status.brand.text.color}"
},
"name": "STATUS_BRAND_TEXT_COLOR",
"attributes": {},
"path": [
"status",
"brand",
"text",
"color"
],
"cssWithValue": "var(--gl-status-brand-text-color)"
}
},
"feedback": {
"strong": {
"key": "{feedback.strong.text.color}",
"$value": "#fff",
"$type": "color",
"$description": "Used for text on a strong feedback background.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.0}",
"$type": "color",
"$description": "Used for text on a strong feedback background.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{feedback.strong.text.color}"
},
"name": "FEEDBACK_STRONG_TEXT_COLOR",
"attributes": {},
"path": [
"feedback",
"strong",
"text",
"color"
],
"cssWithValue": "var(--gl-feedback-strong-text-color)"
},
"neutral": {
"key": "{feedback.neutral.text.color}",
"$value": "#bfbfc3",
"$type": "color",
"$description": "Used for the text of a neutral feedback item when there isn't a specific meaning or urgency.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.200}",
"$type": "color",
"$description": "Used for the text of a neutral feedback item when there isn't a specific meaning or urgency.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{feedback.neutral.text.color}"
},
"name": "FEEDBACK_NEUTRAL_TEXT_COLOR",
"attributes": {},
"path": [
"feedback",
"neutral",
"text",
"color"
],
"cssWithValue": "var(--gl-feedback-neutral-text-color)"
},
"info": {
"key": "{feedback.info.text.color}",
"$value": "#9dc7f1",
"$type": "color",
"$description": "Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.200}",
"$type": "color",
"$description": "Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{feedback.info.text.color}"
},
"name": "FEEDBACK_INFO_TEXT_COLOR",
"attributes": {},
"path": [
"feedback",
"info",
"text",
"color"
],
"cssWithValue": "var(--gl-feedback-info-text-color)"
},
"success": {
"key": "{feedback.success.text.color}",
"$value": "#91d4a8",
"$type": "color",
"$description": "Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.200}",
"$type": "color",
"$description": "Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{feedback.success.text.color}"
},
"name": "FEEDBACK_SUCCESS_TEXT_COLOR",
"attributes": {},
"path": [
"feedback",
"success",
"text",
"color"
],
"cssWithValue": "var(--gl-feedback-success-text-color)"
},
"warning": {
"key": "{feedback.warning.text.color}",
"$value": "#e9be74",
"$type": "color",
"$description": "Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.200}",
"$type": "color",
"$description": "Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{feedback.warning.text.color}"
},
"name": "FEEDBACK_WARNING_TEXT_COLOR",
"attributes": {},
"path": [
"feedback",
"warning",
"text",
"color"
],
"cssWithValue": "var(--gl-feedback-warning-text-color)"
},
"danger": {
"key": "{feedback.danger.text.color}",
"$value": "#fcb5aa",
"$type": "color",
"$description": "Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.200}",
"$type": "color",
"$description": "Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{feedback.danger.text.color}"
},
"name": "FEEDBACK_DANGER_TEXT_COLOR",
"attributes": {},
"path": [
"feedback",
"danger",
"text",
"color"
],
"cssWithValue": "var(--gl-feedback-danger-text-color)"
},
"brand": {
"key": "{feedback.brand.text.color}",
"$value": "#cbbbf2",
"$type": "color",
"$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.200}",
"$type": "color",
"$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{feedback.brand.text.color}"
},
"name": "FEEDBACK_BRAND_TEXT_COLOR",
"attributes": {},
"path": [
"feedback",
"brand",
"text",
"color"
],
"cssWithValue": "var(--gl-feedback-brand-text-color)"
}
},
"primary": {
"key": "{text.primary}",
"$value": "#ececef",
"$type": "color",
"$description": "Use text.color.default instead.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"$deprecated": true,
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.default}",
"$type": "color",
"$description": "Use text.color.default instead.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"$deprecated": true,
"key": "{text.primary}"
},
"name": "TEXT_PRIMARY",
"attributes": {},
"path": [
"text",
"primary"
],
"cssWithValue": "var(--gl-text-primary)"
},
"secondary": {
"key": "{text.secondary}",
"$value": "#bfbfc3",
"$type": "color",
"$description": "Use text.color.subtle instead.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"$deprecated": true,
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.subtle}",
"$type": "color",
"$description": "Use text.color.subtle instead.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"$deprecated": true,
"key": "{text.secondary}"
},
"name": "TEXT_SECONDARY",
"attributes": {},
"path": [
"text",
"secondary"
],
"cssWithValue": "var(--gl-text-secondary)"
},
"tertiary": {
"key": "{text.tertiary}",
"$value": "#89888d",
"$type": "color",
"$description": "Use text.color.disabled instead.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"$deprecated": true,
"filePath": "src/tokens/semantic/text.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.disabled}",
"$type": "color",
"$description": "Use text.color.disabled instead.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"$deprecated": true,
"key": "{text.tertiary}"
},
"name": "TEXT_TERTIARY",
"attributes": {},
"path": [
"text",
"tertiary"
],
"cssWithValue": "var(--gl-text-tertiary)"
},
"control": {
"placeholder": {
"key": "{control.placeholder.color}",
"$value": "#89888d",
"$type": "color",
"$description": "Used for placeholder text within inputs.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/control.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.400}",
"$type": "color",
"$description": "Used for placeholder text within inputs.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{control.placeholder.color}"
},
"name": "CONTROL_PLACEHOLDER_COLOR",
"attributes": {},
"path": [
"control",
"placeholder",
"color"
],
"cssWithValue": "var(--gl-control-placeholder-color)"
},
"error": {
"key": "{control.text.color.error}",
"$value": "#f6806d",
"$type": "color",
"$description": "Used for the helper text when the input is invalid.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/control.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.danger}",
"$type": "color",
"$description": "Used for the helper text when the input is invalid.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{control.text.color.error}"
},
"name": "CONTROL_TEXT_COLOR_ERROR",
"attributes": {},
"path": [
"control",
"text",
"color",
"error"
],
"cssWithValue": "var(--gl-control-text-color-error)"
},
"valid": {
"key": "{control.text.color.valid}",
"$value": "#52b87a",
"$type": "color",
"$description": "Used for the helper text when the input is valid.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"filePath": "src/tokens/semantic/control.tokens.json",
"isSource": true,
"original": {
"$value": "{text.color.success}",
"$type": "color",
"$description": "Used for the helper text when the input is valid.",
"$extensions": {
"com.figma.scopes": [
"TEXT_FILL"
]
},
"key": "{control.text.color.valid}"
},
"name": "CONTROL_TEXT_COLOR_VALID",
"attributes": {},
"path": [
"control",
"text",
"color",
"valid"
],
"cssWithValue": "var(--gl-control-text-color-valid)"
}
}
},
"outline": {
"focus": {
"key": "{focus-ring.outer.color}",
"$value": "#428fdc",
"$type": "color",
"$description": "Used for the outer color portion of the focus ring.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"filePath": "src/tokens/semantic/focus-ring.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.400}",
"$type": "color",
"$description": "Used for the outer color portion of the focus ring.",
"$extensions": {
"com.figma.scopes": [
"STROKE_COLOR"
]
},
"key": "{focus-ring.outer.color}"
},
"name": "FOCUS_RING_OUTER_COLOR",
"attributes": {},
"path": [
"focus-ring",
"outer",
"color"
],
"cssWithValue": "var(--gl-focus-ring-outer-color)"
}
},
"colors": {
"alpha": {
"light": {
"2": {
"key": "{color.alpha.light.2}",
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.2}"
},
"name": "COLOR_ALPHA_LIGHT_2",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"2"
],
"cssWithValue": "var(--gl-color-alpha-light-2)"
},
"4": {
"key": "{color.alpha.light.4}",
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.4}"
},
"name": "COLOR_ALPHA_LIGHT_4",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"4"
],
"cssWithValue": "var(--gl-color-alpha-light-4)"
},
"6": {
"key": "{color.alpha.light.6}",
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.6}"
},
"name": "COLOR_ALPHA_LIGHT_6",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"6"
],
"cssWithValue": "var(--gl-color-alpha-light-6)"
},
"8": {
"key": "{color.alpha.light.8}",
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.8}"
},
"name": "COLOR_ALPHA_LIGHT_8",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"8"
],
"cssWithValue": "var(--gl-color-alpha-light-8)"
},
"16": {
"key": "{color.alpha.light.16}",
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.16}"
},
"name": "COLOR_ALPHA_LIGHT_16",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"16"
],
"cssWithValue": "var(--gl-color-alpha-light-16)"
},
"24": {
"key": "{color.alpha.light.24}",
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.24}"
},
"name": "COLOR_ALPHA_LIGHT_24",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"24"
],
"cssWithValue": "var(--gl-color-alpha-light-24)"
},
"36": {
"key": "{color.alpha.light.36}",
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$deprecated": true,
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.36)",
"$type": "color",
"$deprecated": true,
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.36}"
},
"name": "COLOR_ALPHA_LIGHT_36",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"36"
],
"cssWithValue": "var(--gl-color-alpha-light-36)"
},
"40": {
"key": "{color.alpha.light.40}",
"$value": "rgba(255, 255, 255, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(255, 255, 255, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.light.40}"
},
"name": "COLOR_ALPHA_LIGHT_40",
"attributes": {},
"path": [
"color",
"alpha",
"light",
"40"
],
"cssWithValue": "var(--gl-color-alpha-light-40)"
}
},
"dark": {
"2": {
"key": "{color.alpha.dark.2}",
"$value": "rgba(5, 5, 6, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.02)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.2}"
},
"name": "COLOR_ALPHA_DARK_2",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"2"
],
"cssWithValue": "var(--gl-color-alpha-dark-2)"
},
"4": {
"key": "{color.alpha.dark.4}",
"$value": "rgba(5, 5, 6, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.04)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.4}"
},
"name": "COLOR_ALPHA_DARK_4",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"4"
],
"cssWithValue": "var(--gl-color-alpha-dark-4)"
},
"6": {
"key": "{color.alpha.dark.6}",
"$value": "rgba(5, 5, 6, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.06)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.6}"
},
"name": "COLOR_ALPHA_DARK_6",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"6"
],
"cssWithValue": "var(--gl-color-alpha-dark-6)"
},
"8": {
"key": "{color.alpha.dark.8}",
"$value": "rgba(5, 5, 6, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.08)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.8}"
},
"name": "COLOR_ALPHA_DARK_8",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"8"
],
"cssWithValue": "var(--gl-color-alpha-dark-8)"
},
"16": {
"key": "{color.alpha.dark.16}",
"$value": "rgba(5, 5, 6, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.16)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.16}"
},
"name": "COLOR_ALPHA_DARK_16",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"16"
],
"cssWithValue": "var(--gl-color-alpha-dark-16)"
},
"24": {
"key": "{color.alpha.dark.24}",
"$value": "rgba(5, 5, 6, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.24)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.24}"
},
"name": "COLOR_ALPHA_DARK_24",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"24"
],
"cssWithValue": "var(--gl-color-alpha-dark-24)"
},
"40": {
"key": "{color.alpha.dark.40}",
"$value": "rgba(5, 5, 6, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.alpha.tokens.json",
"isSource": true,
"original": {
"$value": "rgba(5, 5, 6, 0.4)",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.alpha.dark.40}"
},
"name": "COLOR_ALPHA_DARK_40",
"attributes": {},
"path": [
"color",
"alpha",
"dark",
"40"
],
"cssWithValue": "var(--gl-color-alpha-dark-40)"
}
}
},
"blue": {
"50": {
"key": "{blue.50}",
"$value": "#213454",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.50}"
},
"name": "E_50",
"attributes": {},
"path": [
"blue",
"50"
],
"cssWithValue": "var(--blue-50)"
},
"100": {
"key": "{blue.100}",
"$value": "#284779",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.100}"
},
"name": "E_100",
"attributes": {},
"path": [
"blue",
"100"
],
"cssWithValue": "var(--blue-100)"
},
"200": {
"key": "{blue.200}",
"$value": "#2f5ca0",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.200}"
},
"name": "E_200",
"attributes": {},
"path": [
"blue",
"200"
],
"cssWithValue": "var(--blue-200)"
},
"300": {
"key": "{blue.300}",
"$value": "#2f68b4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.300}"
},
"name": "E_300",
"attributes": {},
"path": [
"blue",
"300"
],
"cssWithValue": "var(--blue-300)"
},
"400": {
"key": "{blue.400}",
"$value": "#1f75cb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.400}"
},
"name": "E_400",
"attributes": {},
"path": [
"blue",
"400"
],
"cssWithValue": "var(--blue-400)"
},
"500": {
"key": "{blue.500}",
"$value": "#428fdc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.500}"
},
"name": "E_500",
"attributes": {},
"path": [
"blue",
"500"
],
"cssWithValue": "var(--blue-500)"
},
"600": {
"key": "{blue.600}",
"$value": "#63a6e9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.600}"
},
"name": "E_600",
"attributes": {},
"path": [
"blue",
"600"
],
"cssWithValue": "var(--blue-600)"
},
"700": {
"key": "{blue.700}",
"$value": "#9dc7f1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.700}"
},
"name": "E_700",
"attributes": {},
"path": [
"blue",
"700"
],
"cssWithValue": "var(--blue-700)"
},
"800": {
"key": "{blue.800}",
"$value": "#cbe2f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.800}"
},
"name": "E_800",
"attributes": {},
"path": [
"blue",
"800"
],
"cssWithValue": "var(--blue-800)"
},
"900": {
"key": "{blue.900}",
"$value": "#e9f3fc",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.blue.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.900}"
},
"name": "E_900",
"attributes": {},
"path": [
"blue",
"900"
],
"cssWithValue": "var(--blue-900)"
},
"950": {
"key": "{blue.950}",
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f2f9ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{blue.950}"
},
"name": "E_950",
"attributes": {},
"path": [
"blue",
"950"
],
"cssWithValue": "var(--blue-950)"
}
},
"gray": {
"10": {
"key": "{gray.10}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.950}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.10}"
},
"name": "Y_10",
"attributes": {},
"path": [
"gray",
"10"
],
"cssWithValue": "var(--gray-10)"
},
"50": {
"key": "{gray.50}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.50}"
},
"name": "Y_50",
"attributes": {},
"path": [
"gray",
"50"
],
"cssWithValue": "var(--gray-50)"
},
"100": {
"key": "{gray.100}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.100}"
},
"name": "Y_100",
"attributes": {},
"path": [
"gray",
"100"
],
"cssWithValue": "var(--gray-100)"
},
"200": {
"key": "{gray.200}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.200}"
},
"name": "Y_200",
"attributes": {},
"path": [
"gray",
"200"
],
"cssWithValue": "var(--gray-200)"
},
"300": {
"key": "{gray.300}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.300}"
},
"name": "Y_300",
"attributes": {},
"path": [
"gray",
"300"
],
"cssWithValue": "var(--gray-300)"
},
"400": {
"key": "{gray.400}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.400}"
},
"name": "Y_400",
"attributes": {},
"path": [
"gray",
"400"
],
"cssWithValue": "var(--gray-400)"
},
"500": {
"key": "{gray.500}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.500}"
},
"name": "Y_500",
"attributes": {},
"path": [
"gray",
"500"
],
"cssWithValue": "var(--gray-500)"
},
"600": {
"key": "{gray.600}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.600}"
},
"name": "Y_600",
"attributes": {},
"path": [
"gray",
"600"
],
"cssWithValue": "var(--gray-600)"
},
"700": {
"key": "{gray.700}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.700}"
},
"name": "Y_700",
"attributes": {},
"path": [
"gray",
"700"
],
"cssWithValue": "var(--gray-700)"
},
"800": {
"key": "{gray.800}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.800}"
},
"name": "Y_800",
"attributes": {},
"path": [
"gray",
"800"
],
"cssWithValue": "var(--gray-800)"
},
"900": {
"key": "{gray.900}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.900}"
},
"name": "Y_900",
"attributes": {},
"path": [
"gray",
"900"
],
"cssWithValue": "var(--gray-900)"
},
"950": {
"key": "{gray.950}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.10}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{gray.950}"
},
"name": "Y_950",
"attributes": {},
"path": [
"gray",
"950"
],
"cssWithValue": "var(--gray-950)"
}
},
"green": {
"50": {
"key": "{green.50}",
"$value": "#1e3e28",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.50}"
},
"name": "EN_50",
"attributes": {},
"path": [
"green",
"50"
],
"cssWithValue": "var(--green-50)"
},
"100": {
"key": "{green.100}",
"$value": "#225131",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.100}"
},
"name": "EN_100",
"attributes": {},
"path": [
"green",
"100"
],
"cssWithValue": "var(--green-100)"
},
"200": {
"key": "{green.200}",
"$value": "#306440",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.200}"
},
"name": "EN_200",
"attributes": {},
"path": [
"green",
"200"
],
"cssWithValue": "var(--green-200)"
},
"300": {
"key": "{green.300}",
"$value": "#2f7549",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.300}"
},
"name": "EN_300",
"attributes": {},
"path": [
"green",
"300"
],
"cssWithValue": "var(--green-300)"
},
"400": {
"key": "{green.400}",
"$value": "#108548",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.400}"
},
"name": "EN_400",
"attributes": {},
"path": [
"green",
"400"
],
"cssWithValue": "var(--green-400)"
},
"500": {
"key": "{green.500}",
"$value": "#2da160",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.500}"
},
"name": "EN_500",
"attributes": {},
"path": [
"green",
"500"
],
"cssWithValue": "var(--green-500)"
},
"600": {
"key": "{green.600}",
"$value": "#52b87a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.600}"
},
"name": "EN_600",
"attributes": {},
"path": [
"green",
"600"
],
"cssWithValue": "var(--green-600)"
},
"700": {
"key": "{green.700}",
"$value": "#91d4a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.700}"
},
"name": "EN_700",
"attributes": {},
"path": [
"green",
"700"
],
"cssWithValue": "var(--green-700)"
},
"800": {
"key": "{green.800}",
"$value": "#c3e6cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.800}"
},
"name": "EN_800",
"attributes": {},
"path": [
"green",
"800"
],
"cssWithValue": "var(--green-800)"
},
"900": {
"key": "{green.900}",
"$value": "#ecf4ee",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.green.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.900}"
},
"name": "EN_900",
"attributes": {},
"path": [
"green",
"900"
],
"cssWithValue": "var(--green-900)"
},
"950": {
"key": "{green.950}",
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#f1fdf6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{green.950}"
},
"name": "EN_950",
"attributes": {},
"path": [
"green",
"950"
],
"cssWithValue": "var(--green-950)"
}
},
"orange": {
"50": {
"key": "{orange.50}",
"$value": "#532e16",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.50}"
},
"name": "NGE_50",
"attributes": {},
"path": [
"orange",
"50"
],
"cssWithValue": "var(--orange-50)"
},
"100": {
"key": "{orange.100}",
"$value": "#693c14",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.100}"
},
"name": "NGE_100",
"attributes": {},
"path": [
"orange",
"100"
],
"cssWithValue": "var(--orange-100)"
},
"200": {
"key": "{orange.200}",
"$value": "#894b16",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.200}"
},
"name": "NGE_200",
"attributes": {},
"path": [
"orange",
"200"
],
"cssWithValue": "var(--orange-200)"
},
"300": {
"key": "{orange.300}",
"$value": "#995715",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.300}"
},
"name": "NGE_300",
"attributes": {},
"path": [
"orange",
"300"
],
"cssWithValue": "var(--orange-300)"
},
"400": {
"key": "{orange.400}",
"$value": "#ab6100",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.400}"
},
"name": "NGE_400",
"attributes": {},
"path": [
"orange",
"400"
],
"cssWithValue": "var(--orange-400)"
},
"500": {
"key": "{orange.500}",
"$value": "#c17d10",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.500}"
},
"name": "NGE_500",
"attributes": {},
"path": [
"orange",
"500"
],
"cssWithValue": "var(--orange-500)"
},
"600": {
"key": "{orange.600}",
"$value": "#d99530",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.600}"
},
"name": "NGE_600",
"attributes": {},
"path": [
"orange",
"600"
],
"cssWithValue": "var(--orange-600)"
},
"700": {
"key": "{orange.700}",
"$value": "#e9be74",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.700}"
},
"name": "NGE_700",
"attributes": {},
"path": [
"orange",
"700"
],
"cssWithValue": "var(--orange-700)"
},
"800": {
"key": "{orange.800}",
"$value": "#f5d9a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.800}"
},
"name": "NGE_800",
"attributes": {},
"path": [
"orange",
"800"
],
"cssWithValue": "var(--orange-800)"
},
"900": {
"key": "{orange.900}",
"$value": "#fdf1dd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.orange.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.900}"
},
"name": "NGE_900",
"attributes": {},
"path": [
"orange",
"900"
],
"cssWithValue": "var(--orange-900)"
},
"950": {
"key": "{orange.950}",
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff4e1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{orange.950}"
},
"name": "NGE_950",
"attributes": {},
"path": [
"orange",
"950"
],
"cssWithValue": "var(--orange-950)"
}
},
"purple": {
"50": {
"key": "{purple.50}",
"$value": "#27243e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.950}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.50}"
},
"name": "PLE_50",
"attributes": {},
"path": [
"purple",
"50"
],
"cssWithValue": "var(--purple-50)"
},
"100": {
"key": "{purple.100}",
"$value": "#342d59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.100}"
},
"name": "PLE_100",
"attributes": {},
"path": [
"purple",
"100"
],
"cssWithValue": "var(--purple-100)"
},
"200": {
"key": "{purple.200}",
"$value": "#493c83",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.200}"
},
"name": "PLE_200",
"attributes": {},
"path": [
"purple",
"200"
],
"cssWithValue": "var(--purple-200)"
},
"300": {
"key": "{purple.300}",
"$value": "#5c47a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.300}"
},
"name": "PLE_300",
"attributes": {},
"path": [
"purple",
"300"
],
"cssWithValue": "var(--purple-300)"
},
"400": {
"key": "{purple.400}",
"$value": "#6a4fb4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.400}"
},
"name": "PLE_400",
"attributes": {},
"path": [
"purple",
"400"
],
"cssWithValue": "var(--purple-400)"
},
"500": {
"key": "{purple.500}",
"$value": "#7b58cf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.500}"
},
"name": "PLE_500",
"attributes": {},
"path": [
"purple",
"500"
],
"cssWithValue": "var(--purple-500)"
},
"600": {
"key": "{purple.600}",
"$value": "#9475db",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.600}"
},
"name": "PLE_600",
"attributes": {},
"path": [
"purple",
"600"
],
"cssWithValue": "var(--purple-600)"
},
"700": {
"key": "{purple.700}",
"$value": "#ac93e6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.700}"
},
"name": "PLE_700",
"attributes": {},
"path": [
"purple",
"700"
],
"cssWithValue": "var(--purple-700)"
},
"800": {
"key": "{purple.800}",
"$value": "#cbbbf2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.800}"
},
"name": "PLE_800",
"attributes": {},
"path": [
"purple",
"800"
],
"cssWithValue": "var(--purple-800)"
},
"900": {
"key": "{purple.900}",
"$value": "#e1d8f9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.900}"
},
"name": "PLE_900",
"attributes": {},
"path": [
"purple",
"900"
],
"cssWithValue": "var(--purple-900)"
},
"950": {
"key": "{purple.950}",
"$value": "#f4f0ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.purple.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{purple.950}"
},
"name": "PLE_950",
"attributes": {},
"path": [
"purple",
"950"
],
"cssWithValue": "var(--purple-950)"
}
},
"red": {
"50": {
"key": "{red.50}",
"$value": "#582014",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.50}"
},
"name": "_50",
"attributes": {},
"path": [
"red",
"50"
],
"cssWithValue": "var(--red-50)"
},
"100": {
"key": "{red.100}",
"$value": "#812713",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.800}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.100}"
},
"name": "_100",
"attributes": {},
"path": [
"red",
"100"
],
"cssWithValue": "var(--red-100)"
},
"200": {
"key": "{red.200}",
"$value": "#a32c12",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.700}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.200}"
},
"name": "_200",
"attributes": {},
"path": [
"red",
"200"
],
"cssWithValue": "var(--red-200)"
},
"300": {
"key": "{red.300}",
"$value": "#c02f12",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.600}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.300}"
},
"name": "_300",
"attributes": {},
"path": [
"red",
"300"
],
"cssWithValue": "var(--red-300)"
},
"400": {
"key": "{red.400}",
"$value": "#dd2b0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.500}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.400}"
},
"name": "_400",
"attributes": {},
"path": [
"red",
"400"
],
"cssWithValue": "var(--red-400)"
},
"500": {
"key": "{red.500}",
"$value": "#ec5941",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.400}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.500}"
},
"name": "_500",
"attributes": {},
"path": [
"red",
"500"
],
"cssWithValue": "var(--red-500)"
},
"600": {
"key": "{red.600}",
"$value": "#f6806d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.300}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.600}"
},
"name": "_600",
"attributes": {},
"path": [
"red",
"600"
],
"cssWithValue": "var(--red-600)"
},
"700": {
"key": "{red.700}",
"$value": "#fcb5aa",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.200}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.700}"
},
"name": "_700",
"attributes": {},
"path": [
"red",
"700"
],
"cssWithValue": "var(--red-700)"
},
"800": {
"key": "{red.800}",
"$value": "#fdd4cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.100}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.800}"
},
"name": "_800",
"attributes": {},
"path": [
"red",
"800"
],
"cssWithValue": "var(--red-800)"
},
"900": {
"key": "{red.900}",
"$value": "#fcf1ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.red.50}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.900}"
},
"name": "_900",
"attributes": {},
"path": [
"red",
"900"
],
"cssWithValue": "var(--red-900)"
},
"950": {
"key": "{red.950}",
"$value": "#fff4f3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "#fff4f3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{red.950}"
},
"name": "_950",
"attributes": {},
"path": [
"red",
"950"
],
"cssWithValue": "var(--red-950)"
}
},
"brand-white": {
"key": "{color.brand-white}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-white}"
},
"name": "COLOR_BRAND_WHITE",
"attributes": {},
"path": [
"color",
"brand-white"
],
"cssWithValue": "var(--gl-color-brand-white)"
},
"brand-charcoal": {
"key": "{color.brand-charcoal}",
"$value": "#171321",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#171321",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-charcoal}"
},
"name": "COLOR_BRAND_CHARCOAL",
"attributes": {},
"path": [
"color",
"brand-charcoal"
],
"cssWithValue": "var(--gl-color-brand-charcoal)"
},
"brand-orange": {
"01g": {
"key": "{color.brand-orange.01g}",
"$value": "#ffd1bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ffd1bf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.01g}"
},
"name": "COLOR_BRAND_ORANGE_01G",
"attributes": {},
"path": [
"color",
"brand-orange",
"01g"
],
"cssWithValue": "var(--gl-color-brand-orange-01g)"
},
"01p": {
"key": "{color.brand-orange.01p}",
"$value": "#fca326",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fca326",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.01p}"
},
"name": "COLOR_BRAND_ORANGE_01P",
"attributes": {},
"path": [
"color",
"brand-orange",
"01p"
],
"cssWithValue": "var(--gl-color-brand-orange-01p)"
},
"02p": {
"key": "{color.brand-orange.02p}",
"$value": "#fc6d26",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#fc6d26",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.02p}"
},
"name": "COLOR_BRAND_ORANGE_02P",
"attributes": {},
"path": [
"color",
"brand-orange",
"02p"
],
"cssWithValue": "var(--gl-color-brand-orange-02p)"
},
"03p": {
"key": "{color.brand-orange.03p}",
"$value": "#e24329",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#e24329",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-orange.03p}"
},
"name": "COLOR_BRAND_ORANGE_03P",
"attributes": {},
"path": [
"color",
"brand-orange",
"03p"
],
"cssWithValue": "var(--gl-color-brand-orange-03p)"
}
},
"brand-purple": {
"01g": {
"key": "{color.brand-purple.01g}",
"$value": "#ceb3ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ceb3ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.01g}"
},
"name": "COLOR_BRAND_PURPLE_01G",
"attributes": {},
"path": [
"color",
"brand-purple",
"01g"
],
"cssWithValue": "var(--gl-color-brand-purple-01g)"
},
"01p": {
"key": "{color.brand-purple.01p}",
"$value": "#a989f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#a989f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.01p}"
},
"name": "COLOR_BRAND_PURPLE_01P",
"attributes": {},
"path": [
"color",
"brand-purple",
"01p"
],
"cssWithValue": "var(--gl-color-brand-purple-01p)"
},
"02p": {
"key": "{color.brand-purple.02p}",
"$value": "#7759c2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#7759c2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-purple.02p}"
},
"name": "COLOR_BRAND_PURPLE_02P",
"attributes": {},
"path": [
"color",
"brand-purple",
"02p"
],
"cssWithValue": "var(--gl-color-brand-purple-02p)"
}
},
"brand-gray": {
"01": {
"key": "{color.brand-gray.01}",
"$value": "#d1d0d3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#d1d0d3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.01}"
},
"name": "COLOR_BRAND_GRAY_01",
"attributes": {},
"path": [
"color",
"brand-gray",
"01"
],
"cssWithValue": "var(--gl-color-brand-gray-01)"
},
"02": {
"key": "{color.brand-gray.02}",
"$value": "#a2a1a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#a2a1a6",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.02}"
},
"name": "COLOR_BRAND_GRAY_02",
"attributes": {},
"path": [
"color",
"brand-gray",
"02"
],
"cssWithValue": "var(--gl-color-brand-gray-02)"
},
"03": {
"key": "{color.brand-gray.03}",
"$value": "#74717a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#74717a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.03}"
},
"name": "COLOR_BRAND_GRAY_03",
"attributes": {},
"path": [
"color",
"brand-gray",
"03"
],
"cssWithValue": "var(--gl-color-brand-gray-03)"
},
"04": {
"key": "{color.brand-gray.04}",
"$value": "#45424d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#45424d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.04}"
},
"name": "COLOR_BRAND_GRAY_04",
"attributes": {},
"path": [
"color",
"brand-gray",
"04"
],
"cssWithValue": "var(--gl-color-brand-gray-04)"
},
"05": {
"key": "{color.brand-gray.05}",
"$value": "#2b2838",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#2b2838",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-gray.05}"
},
"name": "COLOR_BRAND_GRAY_05",
"attributes": {},
"path": [
"color",
"brand-gray",
"05"
],
"cssWithValue": "var(--gl-color-brand-gray-05)"
}
},
"brand-pink": {
"01g": {
"key": "{color.brand-pink.01g}",
"$value": "#ffb9c9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.brand.tokens.json",
"isSource": true,
"original": {
"$value": "#ffb9c9",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.brand-pink.01g}"
},
"name": "COLOR_BRAND_PINK_01G",
"attributes": {},
"path": [
"color",
"brand-pink",
"01g"
],
"cssWithValue": "var(--gl-color-brand-pink-01g)"
}
},
"data-viz": {
"green": {
"50": {
"key": "{data-viz.green.50}",
"$value": "#133a03",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#133a03",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.50}"
},
"name": "A_VIZ_GREEN_50",
"attributes": {},
"path": [
"data-viz",
"green",
"50"
],
"cssWithValue": "var(--data-viz-green-50)"
},
"100": {
"key": "{data-viz.green.100}",
"$value": "#1a4500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#1a4500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.100}"
},
"name": "A_VIZ_GREEN_100",
"attributes": {},
"path": [
"data-viz",
"green",
"100"
],
"cssWithValue": "var(--data-viz-green-100)"
},
"200": {
"key": "{data-viz.green.200}",
"$value": "#275600",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#275600",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.200}"
},
"name": "A_VIZ_GREEN_200",
"attributes": {},
"path": [
"data-viz",
"green",
"200"
],
"cssWithValue": "var(--data-viz-green-200)"
},
"300": {
"key": "{data-viz.green.300}",
"$value": "#366800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#366800",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.300}"
},
"name": "A_VIZ_GREEN_300",
"attributes": {},
"path": [
"data-viz",
"green",
"300"
],
"cssWithValue": "var(--data-viz-green-300)"
},
"400": {
"key": "{data-viz.green.400}",
"$value": "#4e7f0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4e7f0e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.400}"
},
"name": "A_VIZ_GREEN_400",
"attributes": {},
"path": [
"data-viz",
"green",
"400"
],
"cssWithValue": "var(--data-viz-green-400)"
},
"500": {
"key": "{data-viz.green.500}",
"$value": "#619025",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#619025",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.500}"
},
"name": "A_VIZ_GREEN_500",
"attributes": {},
"path": [
"data-viz",
"green",
"500"
],
"cssWithValue": "var(--data-viz-green-500)"
},
"600": {
"key": "{data-viz.green.600}",
"$value": "#81ac41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#81ac41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.600}"
},
"name": "A_VIZ_GREEN_600",
"attributes": {},
"path": [
"data-viz",
"green",
"600"
],
"cssWithValue": "var(--data-viz-green-600)"
},
"700": {
"key": "{data-viz.green.700}",
"$value": "#94c25e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#94c25e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.700}"
},
"name": "A_VIZ_GREEN_700",
"attributes": {},
"path": [
"data-viz",
"green",
"700"
],
"cssWithValue": "var(--data-viz-green-700)"
},
"800": {
"key": "{data-viz.green.800}",
"$value": "#b0d97b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b0d97b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.800}"
},
"name": "A_VIZ_GREEN_800",
"attributes": {},
"path": [
"data-viz",
"green",
"800"
],
"cssWithValue": "var(--data-viz-green-800)"
},
"900": {
"key": "{data-viz.green.900}",
"$value": "#c6ed94",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#c6ed94",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.900}"
},
"name": "A_VIZ_GREEN_900",
"attributes": {},
"path": [
"data-viz",
"green",
"900"
],
"cssWithValue": "var(--data-viz-green-900)"
},
"950": {
"key": "{data-viz.green.950}",
"$value": "#ddfab7",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ddfab7",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.green.950}"
},
"name": "A_VIZ_GREEN_950",
"attributes": {},
"path": [
"data-viz",
"green",
"950"
],
"cssWithValue": "var(--data-viz-green-950)"
}
},
"aqua": {
"50": {
"key": "{data-viz.aqua.50}",
"$value": "#00344b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00344b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.50}"
},
"name": "A_VIZ_AQUA_50",
"attributes": {},
"path": [
"data-viz",
"aqua",
"50"
],
"cssWithValue": "var(--data-viz-aqua-50)"
},
"100": {
"key": "{data-viz.aqua.100}",
"$value": "#004059",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#004059",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.100}"
},
"name": "A_VIZ_AQUA_100",
"attributes": {},
"path": [
"data-viz",
"aqua",
"100"
],
"cssWithValue": "var(--data-viz-aqua-100)"
},
"200": {
"key": "{data-viz.aqua.200}",
"$value": "#00516c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00516c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.200}"
},
"name": "A_VIZ_AQUA_200",
"attributes": {},
"path": [
"data-viz",
"aqua",
"200"
],
"cssWithValue": "var(--data-viz-aqua-200)"
},
"300": {
"key": "{data-viz.aqua.300}",
"$value": "#006381",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#006381",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.300}"
},
"name": "A_VIZ_AQUA_300",
"attributes": {},
"path": [
"data-viz",
"aqua",
"300"
],
"cssWithValue": "var(--data-viz-aqua-300)"
},
"400": {
"key": "{data-viz.aqua.400}",
"$value": "#007b9b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#007b9b",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.400}"
},
"name": "A_VIZ_AQUA_400",
"attributes": {},
"path": [
"data-viz",
"aqua",
"400"
],
"cssWithValue": "var(--data-viz-aqua-400)"
},
"500": {
"key": "{data-viz.aqua.500}",
"$value": "#0090b1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#0090b1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.500}"
},
"name": "A_VIZ_AQUA_500",
"attributes": {},
"path": [
"data-viz",
"aqua",
"500"
],
"cssWithValue": "var(--data-viz-aqua-500)"
},
"600": {
"key": "{data-viz.aqua.600}",
"$value": "#00acc4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#00acc4",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.600}"
},
"name": "A_VIZ_AQUA_600",
"attributes": {},
"path": [
"data-viz",
"aqua",
"600"
],
"cssWithValue": "var(--data-viz-aqua-600)"
},
"700": {
"key": "{data-viz.aqua.700}",
"$value": "#32c5d2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#32c5d2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.700}"
},
"name": "A_VIZ_AQUA_700",
"attributes": {},
"path": [
"data-viz",
"aqua",
"700"
],
"cssWithValue": "var(--data-viz-aqua-700)"
},
"800": {
"key": "{data-viz.aqua.800}",
"$value": "#5edee3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#5edee3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.800}"
},
"name": "A_VIZ_AQUA_800",
"attributes": {},
"path": [
"data-viz",
"aqua",
"800"
],
"cssWithValue": "var(--data-viz-aqua-800)"
},
"900": {
"key": "{data-viz.aqua.900}",
"$value": "#93f2ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#93f2ef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.900}"
},
"name": "A_VIZ_AQUA_900",
"attributes": {},
"path": [
"data-viz",
"aqua",
"900"
],
"cssWithValue": "var(--data-viz-aqua-900)"
},
"950": {
"key": "{data-viz.aqua.950}",
"$value": "#b5fefd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b5fefd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.aqua.950}"
},
"name": "A_VIZ_AQUA_950",
"attributes": {},
"path": [
"data-viz",
"aqua",
"950"
],
"cssWithValue": "var(--data-viz-aqua-950)"
}
},
"blue": {
"50": {
"key": "{data-viz.blue.50}",
"$value": "#2a2b59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#2a2b59",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.50}"
},
"name": "A_VIZ_BLUE_50",
"attributes": {},
"path": [
"data-viz",
"blue",
"50"
],
"cssWithValue": "var(--data-viz-blue-50)"
},
"100": {
"key": "{data-viz.blue.100}",
"$value": "#303470",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#303470",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.100}"
},
"name": "A_VIZ_BLUE_100",
"attributes": {},
"path": [
"data-viz",
"blue",
"100"
],
"cssWithValue": "var(--data-viz-blue-100)"
},
"200": {
"key": "{data-viz.blue.200}",
"$value": "#374291",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#374291",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.200}"
},
"name": "A_VIZ_BLUE_200",
"attributes": {},
"path": [
"data-viz",
"blue",
"200"
],
"cssWithValue": "var(--data-viz-blue-200)"
},
"300": {
"key": "{data-viz.blue.300}",
"$value": "#3f51ae",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#3f51ae",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.300}"
},
"name": "A_VIZ_BLUE_300",
"attributes": {},
"path": [
"data-viz",
"blue",
"300"
],
"cssWithValue": "var(--data-viz-blue-300)"
},
"400": {
"key": "{data-viz.blue.400}",
"$value": "#4e65cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4e65cd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.400}"
},
"name": "A_VIZ_BLUE_400",
"attributes": {},
"path": [
"data-viz",
"blue",
"400"
],
"cssWithValue": "var(--data-viz-blue-400)"
},
"500": {
"key": "{data-viz.blue.500}",
"$value": "#617ae2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#617ae2",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.500}"
},
"name": "A_VIZ_BLUE_500",
"attributes": {},
"path": [
"data-viz",
"blue",
"500"
],
"cssWithValue": "var(--data-viz-blue-500)"
},
"600": {
"key": "{data-viz.blue.600}",
"$value": "#7992f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#7992f5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.600}"
},
"name": "A_VIZ_BLUE_600",
"attributes": {},
"path": [
"data-viz",
"blue",
"600"
],
"cssWithValue": "var(--data-viz-blue-600)"
},
"700": {
"key": "{data-viz.blue.700}",
"$value": "#97acff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#97acff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.700}"
},
"name": "A_VIZ_BLUE_700",
"attributes": {},
"path": [
"data-viz",
"blue",
"700"
],
"cssWithValue": "var(--data-viz-blue-700)"
},
"800": {
"key": "{data-viz.blue.800}",
"$value": "#b7c6ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b7c6ff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.800}"
},
"name": "A_VIZ_BLUE_800",
"attributes": {},
"path": [
"data-viz",
"blue",
"800"
],
"cssWithValue": "var(--data-viz-blue-800)"
},
"900": {
"key": "{data-viz.blue.900}",
"$value": "#d2dcff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#d2dcff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.900}"
},
"name": "A_VIZ_BLUE_900",
"attributes": {},
"path": [
"data-viz",
"blue",
"900"
],
"cssWithValue": "var(--data-viz-blue-900)"
},
"950": {
"key": "{data-viz.blue.950}",
"$value": "#e9ebff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e9ebff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.blue.950}"
},
"name": "A_VIZ_BLUE_950",
"attributes": {},
"path": [
"data-viz",
"blue",
"950"
],
"cssWithValue": "var(--data-viz-blue-950)"
}
},
"magenta": {
"50": {
"key": "{data-viz.magenta.50}",
"$value": "#541d31",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#541d31",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.50}"
},
"name": "A_VIZ_MAGENTA_50",
"attributes": {},
"path": [
"data-viz",
"magenta",
"50"
],
"cssWithValue": "var(--data-viz-magenta-50)"
},
"100": {
"key": "{data-viz.magenta.100}",
"$value": "#661e3a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#661e3a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.100}"
},
"name": "A_VIZ_MAGENTA_100",
"attributes": {},
"path": [
"data-viz",
"magenta",
"100"
],
"cssWithValue": "var(--data-viz-magenta-100)"
},
"200": {
"key": "{data-viz.magenta.200}",
"$value": "#7c214f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#7c214f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.200}"
},
"name": "A_VIZ_MAGENTA_200",
"attributes": {},
"path": [
"data-viz",
"magenta",
"200"
],
"cssWithValue": "var(--data-viz-magenta-200)"
},
"300": {
"key": "{data-viz.magenta.300}",
"$value": "#9a2e5d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#9a2e5d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.300}"
},
"name": "A_VIZ_MAGENTA_300",
"attributes": {},
"path": [
"data-viz",
"magenta",
"300"
],
"cssWithValue": "var(--data-viz-magenta-300)"
},
"400": {
"key": "{data-viz.magenta.400}",
"$value": "#b93d71",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b93d71",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.400}"
},
"name": "A_VIZ_MAGENTA_400",
"attributes": {},
"path": [
"data-viz",
"magenta",
"400"
],
"cssWithValue": "var(--data-viz-magenta-400)"
},
"500": {
"key": "{data-viz.magenta.500}",
"$value": "#cf4d81",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#cf4d81",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.500}"
},
"name": "A_VIZ_MAGENTA_500",
"attributes": {},
"path": [
"data-viz",
"magenta",
"500"
],
"cssWithValue": "var(--data-viz-magenta-500)"
},
"600": {
"key": "{data-viz.magenta.600}",
"$value": "#e86e9a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e86e9a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.600}"
},
"name": "A_VIZ_MAGENTA_600",
"attributes": {},
"path": [
"data-viz",
"magenta",
"600"
],
"cssWithValue": "var(--data-viz-magenta-600)"
},
"700": {
"key": "{data-viz.magenta.700}",
"$value": "#f88aaf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#f88aaf",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.700}"
},
"name": "A_VIZ_MAGENTA_700",
"attributes": {},
"path": [
"data-viz",
"magenta",
"700"
],
"cssWithValue": "var(--data-viz-magenta-700)"
},
"800": {
"key": "{data-viz.magenta.800}",
"$value": "#fcacc5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#fcacc5",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.800}"
},
"name": "A_VIZ_MAGENTA_800",
"attributes": {},
"path": [
"data-viz",
"magenta",
"800"
],
"cssWithValue": "var(--data-viz-magenta-800)"
},
"900": {
"key": "{data-viz.magenta.900}",
"$value": "#ffccdb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ffccdb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.900}"
},
"name": "A_VIZ_MAGENTA_900",
"attributes": {},
"path": [
"data-viz",
"magenta",
"900"
],
"cssWithValue": "var(--data-viz-magenta-900)"
},
"950": {
"key": "{data-viz.magenta.950}",
"$value": "#ffe3eb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#ffe3eb",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.magenta.950}"
},
"name": "A_VIZ_MAGENTA_950",
"attributes": {},
"path": [
"data-viz",
"magenta",
"950"
],
"cssWithValue": "var(--data-viz-magenta-950)"
}
},
"orange": {
"50": {
"key": "{data-viz.orange.50}",
"$value": "#4b2707",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#4b2707",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.50}"
},
"name": "A_VIZ_ORANGE_50",
"attributes": {},
"path": [
"data-viz",
"orange",
"50"
],
"cssWithValue": "var(--data-viz-orange-50)"
},
"100": {
"key": "{data-viz.orange.100}",
"$value": "#5e2f05",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#5e2f05",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.100}"
},
"name": "A_VIZ_ORANGE_100",
"attributes": {},
"path": [
"data-viz",
"orange",
"100"
],
"cssWithValue": "var(--data-viz-orange-100)"
},
"200": {
"key": "{data-viz.orange.200}",
"$value": "#6f3500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#6f3500",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.200}"
},
"name": "A_VIZ_ORANGE_200",
"attributes": {},
"path": [
"data-viz",
"orange",
"200"
],
"cssWithValue": "var(--data-viz-orange-200)"
},
"300": {
"key": "{data-viz.orange.300}",
"$value": "#92430a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#92430a",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.300}"
},
"name": "A_VIZ_ORANGE_300",
"attributes": {},
"path": [
"data-viz",
"orange",
"300"
],
"cssWithValue": "var(--data-viz-orange-300)"
},
"400": {
"key": "{data-viz.orange.400}",
"$value": "#b14f18",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#b14f18",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.400}"
},
"name": "A_VIZ_ORANGE_400",
"attributes": {},
"path": [
"data-viz",
"orange",
"400"
],
"cssWithValue": "var(--data-viz-orange-400)"
},
"500": {
"key": "{data-viz.orange.500}",
"$value": "#c95d2e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#c95d2e",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.500}"
},
"name": "A_VIZ_ORANGE_500",
"attributes": {},
"path": [
"data-viz",
"orange",
"500"
],
"cssWithValue": "var(--data-viz-orange-500)"
},
"600": {
"key": "{data-viz.orange.600}",
"$value": "#e07e41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e07e41",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.600}"
},
"name": "A_VIZ_ORANGE_600",
"attributes": {},
"path": [
"data-viz",
"orange",
"600"
],
"cssWithValue": "var(--data-viz-orange-600)"
},
"700": {
"key": "{data-viz.orange.700}",
"$value": "#e99b60",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#e99b60",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.700}"
},
"name": "A_VIZ_ORANGE_700",
"attributes": {},
"path": [
"data-viz",
"orange",
"700"
],
"cssWithValue": "var(--data-viz-orange-700)"
},
"800": {
"key": "{data-viz.orange.800}",
"$value": "#eebd8c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#eebd8c",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.800}"
},
"name": "A_VIZ_ORANGE_800",
"attributes": {},
"path": [
"data-viz",
"orange",
"800"
],
"cssWithValue": "var(--data-viz-orange-800)"
},
"900": {
"key": "{data-viz.orange.900}",
"$value": "#f5d6b3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#f5d6b3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.900}"
},
"name": "A_VIZ_ORANGE_900",
"attributes": {},
"path": [
"data-viz",
"orange",
"900"
],
"cssWithValue": "var(--data-viz-orange-900)"
},
"950": {
"key": "{data-viz.orange.950}",
"$value": "#fae8d1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.data_viz.tokens.json",
"isSource": true,
"original": {
"$value": "#fae8d1",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{data-viz.orange.950}"
},
"name": "A_VIZ_ORANGE_950",
"attributes": {},
"path": [
"data-viz",
"orange",
"950"
],
"cssWithValue": "var(--data-viz-orange-950)"
}
}
},
"neutral": {
"0": {
"key": "{color.neutral.0}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.0}"
},
"name": "COLOR_NEUTRAL_0",
"attributes": {},
"path": [
"color",
"neutral",
"0"
],
"cssWithValue": "var(--gl-color-neutral-0)"
},
"10": {
"key": "{color.neutral.10}",
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#fbfafd",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.10}"
},
"name": "COLOR_NEUTRAL_10",
"attributes": {},
"path": [
"color",
"neutral",
"10"
],
"cssWithValue": "var(--gl-color-neutral-10)"
},
"50": {
"key": "{color.neutral.50}",
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#ececef",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.50}"
},
"name": "COLOR_NEUTRAL_50",
"attributes": {},
"path": [
"color",
"neutral",
"50"
],
"cssWithValue": "var(--gl-color-neutral-50)"
},
"100": {
"key": "{color.neutral.100}",
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#dcdcde",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.100}"
},
"name": "COLOR_NEUTRAL_100",
"attributes": {},
"path": [
"color",
"neutral",
"100"
],
"cssWithValue": "var(--gl-color-neutral-100)"
},
"200": {
"key": "{color.neutral.200}",
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#bfbfc3",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.200}"
},
"name": "COLOR_NEUTRAL_200",
"attributes": {},
"path": [
"color",
"neutral",
"200"
],
"cssWithValue": "var(--gl-color-neutral-200)"
},
"300": {
"key": "{color.neutral.300}",
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#a4a3a8",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.300}"
},
"name": "COLOR_NEUTRAL_300",
"attributes": {},
"path": [
"color",
"neutral",
"300"
],
"cssWithValue": "var(--gl-color-neutral-300)"
},
"400": {
"key": "{color.neutral.400}",
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#89888d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.400}"
},
"name": "COLOR_NEUTRAL_400",
"attributes": {},
"path": [
"color",
"neutral",
"400"
],
"cssWithValue": "var(--gl-color-neutral-400)"
},
"500": {
"key": "{color.neutral.500}",
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#737278",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.500}"
},
"name": "COLOR_NEUTRAL_500",
"attributes": {},
"path": [
"color",
"neutral",
"500"
],
"cssWithValue": "var(--gl-color-neutral-500)"
},
"600": {
"key": "{color.neutral.600}",
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#626168",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.600}"
},
"name": "COLOR_NEUTRAL_600",
"attributes": {},
"path": [
"color",
"neutral",
"600"
],
"cssWithValue": "var(--gl-color-neutral-600)"
},
"700": {
"key": "{color.neutral.700}",
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#4c4b51",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.700}"
},
"name": "COLOR_NEUTRAL_700",
"attributes": {},
"path": [
"color",
"neutral",
"700"
],
"cssWithValue": "var(--gl-color-neutral-700)"
},
"800": {
"key": "{color.neutral.800}",
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#3a383f",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.800}"
},
"name": "COLOR_NEUTRAL_800",
"attributes": {},
"path": [
"color",
"neutral",
"800"
],
"cssWithValue": "var(--gl-color-neutral-800)"
},
"900": {
"key": "{color.neutral.900}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.900}"
},
"name": "COLOR_NEUTRAL_900",
"attributes": {},
"path": [
"color",
"neutral",
"900"
],
"cssWithValue": "var(--gl-color-neutral-900)"
},
"950": {
"key": "{color.neutral.950}",
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#18171d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.950}"
},
"name": "COLOR_NEUTRAL_950",
"attributes": {},
"path": [
"color",
"neutral",
"950"
],
"cssWithValue": "var(--gl-color-neutral-950)"
},
"1000": {
"key": "{color.neutral.1000}",
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/color.neutral.tokens.json",
"isSource": true,
"original": {
"$value": "#050506",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"key": "{color.neutral.1000}"
},
"name": "COLOR_NEUTRAL_1000",
"attributes": {},
"path": [
"color",
"neutral",
"1000"
],
"cssWithValue": "var(--gl-color-neutral-1000)"
}
},
"white": {
"key": "{white}",
"$value": "#28272d",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.900}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{white}"
},
"name": "TE",
"attributes": {},
"path": [
"white"
],
"cssWithValue": "var(--white)"
},
"black": {
"key": "{black}",
"$value": "#fff",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"filePath": "src/tokens/deprecated/deprecated.color.tokens.json",
"isSource": true,
"original": {
"$value": "{color.neutral.0}",
"$type": "color",
"$extensions": {
"com.figma.scopes": []
},
"themeable": true,
"prefix": false,
"$deprecated": true,
"key": "{black}"
},
"name": "CK",
"attributes": {},
"path": [
"black"
],
"cssWithValue": "var(--black)"
}
},
"spacing": {
"0": {
"key": "{spacing-scale.0}",
"$value": "0px",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "0px",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.0}"
},
"name": "SPACING_SCALE_0",
"attributes": {},
"path": [
"spacing-scale",
"0"
],
"cssWithValue": "var(--gl-spacing-scale-0)"
},
"1": {
"key": "{spacing-scale.1}",
"$value": "0.125rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "0.125rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.1}"
},
"name": "SPACING_SCALE_1",
"attributes": {},
"path": [
"spacing-scale",
"1"
],
"cssWithValue": "var(--gl-spacing-scale-1)"
},
"2": {
"key": "{spacing-scale.2}",
"$value": "0.25rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "0.25rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.2}"
},
"name": "SPACING_SCALE_2",
"attributes": {},
"path": [
"spacing-scale",
"2"
],
"cssWithValue": "var(--gl-spacing-scale-2)"
},
"3": {
"key": "{spacing-scale.3}",
"$value": "0.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "0.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.3}"
},
"name": "SPACING_SCALE_3",
"attributes": {},
"path": [
"spacing-scale",
"3"
],
"cssWithValue": "var(--gl-spacing-scale-3)"
},
"4": {
"key": "{spacing-scale.4}",
"$value": "0.75rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "0.75rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.4}"
},
"name": "SPACING_SCALE_4",
"attributes": {},
"path": [
"spacing-scale",
"4"
],
"cssWithValue": "var(--gl-spacing-scale-4)"
},
"5": {
"key": "{spacing-scale.5}",
"$value": "1rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "1rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.5}"
},
"name": "SPACING_SCALE_5",
"attributes": {},
"path": [
"spacing-scale",
"5"
],
"cssWithValue": "var(--gl-spacing-scale-5)"
},
"6": {
"key": "{spacing-scale.6}",
"$value": "1.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "1.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.6}"
},
"name": "SPACING_SCALE_6",
"attributes": {},
"path": [
"spacing-scale",
"6"
],
"cssWithValue": "var(--gl-spacing-scale-6)"
},
"7": {
"key": "{spacing-scale.7}",
"$value": "2rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "2rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.7}"
},
"name": "SPACING_SCALE_7",
"attributes": {},
"path": [
"spacing-scale",
"7"
],
"cssWithValue": "var(--gl-spacing-scale-7)"
},
"8": {
"key": "{spacing-scale.8}",
"$value": "2.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "2.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.8}"
},
"name": "SPACING_SCALE_8",
"attributes": {},
"path": [
"spacing-scale",
"8"
],
"cssWithValue": "var(--gl-spacing-scale-8)"
},
"9": {
"key": "{spacing-scale.9}",
"$value": "3rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "3rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.9}"
},
"name": "SPACING_SCALE_9",
"attributes": {},
"path": [
"spacing-scale",
"9"
],
"cssWithValue": "var(--gl-spacing-scale-9)"
},
"10": {
"key": "{spacing-scale.10}",
"$value": "3.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "3.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.10}"
},
"name": "SPACING_SCALE_10",
"attributes": {},
"path": [
"spacing-scale",
"10"
],
"cssWithValue": "var(--gl-spacing-scale-10)"
},
"11": {
"key": "{spacing-scale.11}",
"$value": "4rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "4rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.11}"
},
"name": "SPACING_SCALE_11",
"attributes": {},
"path": [
"spacing-scale",
"11"
],
"cssWithValue": "var(--gl-spacing-scale-11)"
},
"12": {
"key": "{spacing-scale.12}",
"$value": "5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.12}"
},
"name": "SPACING_SCALE_12",
"attributes": {},
"path": [
"spacing-scale",
"12"
],
"cssWithValue": "var(--gl-spacing-scale-12)"
},
"13": {
"key": "{spacing-scale.13}",
"$value": "6rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "6rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.13}"
},
"name": "SPACING_SCALE_13",
"attributes": {},
"path": [
"spacing-scale",
"13"
],
"cssWithValue": "var(--gl-spacing-scale-13)"
},
"15": {
"key": "{spacing-scale.15}",
"$value": "7.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "7.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.15}"
},
"name": "SPACING_SCALE_15",
"attributes": {},
"path": [
"spacing-scale",
"15"
],
"cssWithValue": "var(--gl-spacing-scale-15)"
},
"18": {
"key": "{spacing-scale.18}",
"$value": "9rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "9rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.18}"
},
"name": "SPACING_SCALE_18",
"attributes": {},
"path": [
"spacing-scale",
"18"
],
"cssWithValue": "var(--gl-spacing-scale-18)"
},
"20": {
"key": "{spacing-scale.20}",
"$value": "10rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "10rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.20}"
},
"name": "SPACING_SCALE_20",
"attributes": {},
"path": [
"spacing-scale",
"20"
],
"cssWithValue": "var(--gl-spacing-scale-20)"
},
"26": {
"key": "{spacing-scale.26}",
"$value": "13rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "13rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.26}"
},
"name": "SPACING_SCALE_26",
"attributes": {},
"path": [
"spacing-scale",
"26"
],
"cssWithValue": "var(--gl-spacing-scale-26)"
},
"28": {
"key": "{spacing-scale.28}",
"$value": "14rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "14rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.28}"
},
"name": "SPACING_SCALE_28",
"attributes": {},
"path": [
"spacing-scale",
"28"
],
"cssWithValue": "var(--gl-spacing-scale-28)"
},
"30": {
"key": "{spacing-scale.30}",
"$value": "15rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "15rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.30}"
},
"name": "SPACING_SCALE_30",
"attributes": {},
"path": [
"spacing-scale",
"30"
],
"cssWithValue": "var(--gl-spacing-scale-30)"
},
"31": {
"key": "{spacing-scale.31}",
"$value": "15.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "15.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.31}"
},
"name": "SPACING_SCALE_31",
"attributes": {},
"path": [
"spacing-scale",
"31"
],
"cssWithValue": "var(--gl-spacing-scale-31)"
},
"33": {
"key": "{spacing-scale.33}",
"$value": "16.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "16.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.33}"
},
"name": "SPACING_SCALE_33",
"attributes": {},
"path": [
"spacing-scale",
"33"
],
"cssWithValue": "var(--gl-spacing-scale-33)"
},
"34": {
"key": "{spacing-scale.34}",
"$value": "17rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "17rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.34}"
},
"name": "SPACING_SCALE_34",
"attributes": {},
"path": [
"spacing-scale",
"34"
],
"cssWithValue": "var(--gl-spacing-scale-34)"
},
"37": {
"key": "{spacing-scale.37}",
"$value": "18.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "18.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.37}"
},
"name": "SPACING_SCALE_37",
"attributes": {},
"path": [
"spacing-scale",
"37"
],
"cssWithValue": "var(--gl-spacing-scale-37)"
},
"48": {
"key": "{spacing-scale.48}",
"$value": "24rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "24rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.48}"
},
"name": "SPACING_SCALE_48",
"attributes": {},
"path": [
"spacing-scale",
"48"
],
"cssWithValue": "var(--gl-spacing-scale-48)"
},
"62": {
"key": "{spacing-scale.62}",
"$value": "31rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "31rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.62}"
},
"name": "SPACING_SCALE_62",
"attributes": {},
"path": [
"spacing-scale",
"62"
],
"cssWithValue": "var(--gl-spacing-scale-62)"
},
"75": {
"key": "{spacing-scale.75}",
"$value": "37.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "37.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.75}"
},
"name": "SPACING_SCALE_75",
"attributes": {},
"path": [
"spacing-scale",
"75"
],
"cssWithValue": "var(--gl-spacing-scale-75)"
},
"80": {
"key": "{spacing-scale.80}",
"$value": "40rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "40rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.80}"
},
"name": "SPACING_SCALE_80",
"attributes": {},
"path": [
"spacing-scale",
"80"
],
"cssWithValue": "var(--gl-spacing-scale-80)"
},
"88": {
"key": "{spacing-scale.88}",
"$value": "44rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "44rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.88}"
},
"name": "SPACING_SCALE_88",
"attributes": {},
"path": [
"spacing-scale",
"88"
],
"cssWithValue": "var(--gl-spacing-scale-88)"
},
"px": {
"key": "{spacing-scale.px}",
"$value": "1px",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "1px",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.px}"
},
"name": "SPACING_SCALE_PX",
"attributes": {},
"path": [
"spacing-scale",
"px"
],
"cssWithValue": "var(--gl-spacing-scale-px)"
},
"2-5": {
"key": "{spacing-scale.2-5}",
"$value": "0.375rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "0.375rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.2-5}"
},
"name": "SPACING_SCALE_2_5",
"attributes": {},
"path": [
"spacing-scale",
"2-5"
],
"cssWithValue": "var(--gl-spacing-scale-2-5)"
},
"11-5": {
"key": "{spacing-scale.11-5}",
"$value": "4.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/spacing_scale.tokens.json",
"isSource": true,
"original": {
"$value": "4.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": []
},
"key": "{spacing-scale.11-5}"
},
"name": "SPACING_SCALE_11_5",
"attributes": {},
"path": [
"spacing-scale",
"11-5"
],
"cssWithValue": "var(--gl-spacing-scale-11-5)"
}
},
"borderRadius": {
"none": {
"key": "{border.radius.none}",
"$value": "0px",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/constant/border.tokens.json",
"isSource": true,
"original": {
"$value": "{spacing-scale.0}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{border.radius.none}"
},
"name": "BORDER_RADIUS_NONE",
"attributes": {},
"path": [
"border",
"radius",
"none"
],
"cssWithValue": "var(--gl-border-radius-none)"
},
"xs": {
"key": "{border.radius.xs}",
"$value": "1px",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/constant/border.tokens.json",
"isSource": true,
"original": {
"$value": "{spacing-scale.px}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{border.radius.xs}"
},
"name": "BORDER_RADIUS_XS",
"attributes": {},
"path": [
"border",
"radius",
"xs"
],
"cssWithValue": "var(--gl-border-radius-xs)"
},
"sm": {
"key": "{border.radius.sm}",
"$value": "0.125rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/constant/border.tokens.json",
"isSource": true,
"original": {
"$value": "{spacing-scale.1}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{border.radius.sm}"
},
"name": "BORDER_RADIUS_SM",
"attributes": {},
"path": [
"border",
"radius",
"sm"
],
"cssWithValue": "var(--gl-border-radius-sm)"
},
"md": {
"key": "{border.radius.md}",
"$value": "0.25rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/constant/border.tokens.json",
"isSource": true,
"original": {
"$value": "{spacing-scale.2}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{border.radius.md}"
},
"name": "BORDER_RADIUS_MD",
"attributes": {},
"path": [
"border",
"radius",
"md"
],
"cssWithValue": "var(--gl-border-radius-md)"
},
"lg": {
"key": "{border.radius.lg}",
"$value": "0.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/constant/border.tokens.json",
"isSource": true,
"original": {
"$value": "{spacing-scale.3}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{border.radius.lg}"
},
"name": "BORDER_RADIUS_LG",
"attributes": {},
"path": [
"border",
"radius",
"lg"
],
"cssWithValue": "var(--gl-border-radius-lg)"
},
"xl": {
"key": "{border.radius.xl}",
"$value": "0.75rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/constant/border.tokens.json",
"isSource": true,
"original": {
"$value": "{spacing-scale.4}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{border.radius.xl}"
},
"name": "BORDER_RADIUS_XL",
"attributes": {},
"path": [
"border",
"radius",
"xl"
],
"cssWithValue": "var(--gl-border-radius-xl)"
},
"2xl": {
"key": "{border.radius.2xl}",
"$value": "1rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/constant/border.tokens.json",
"isSource": true,
"original": {
"$value": "{spacing-scale.5}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{border.radius.2xl}"
},
"name": "BORDER_RADIUS_2XL",
"attributes": {},
"path": [
"border",
"radius",
"2xl"
],
"cssWithValue": "var(--gl-border-radius-2xl)"
},
"3xl": {
"key": "{border.radius.3xl}",
"$value": "1.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/constant/border.tokens.json",
"isSource": true,
"original": {
"$value": "{spacing-scale.6}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{border.radius.3xl}"
},
"name": "BORDER_RADIUS_3XL",
"attributes": {},
"path": [
"border",
"radius",
"3xl"
],
"cssWithValue": "var(--gl-border-radius-3xl)"
},
"full": {
"key": "{border.radius.full}",
"$value": "9999px",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/constant/border.tokens.json",
"isSource": true,
"original": {
"$value": "9999px",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{border.radius.full}"
},
"name": "BORDER_RADIUS_FULL",
"attributes": {},
"path": [
"border",
"radius",
"full"
],
"cssWithValue": "var(--gl-border-radius-full)"
},
"default": {
"key": "{border.radius.default}",
"$value": "0.25rem",
"$type": "dimension",
"$description": "",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/semantic/border.tokens.json",
"isSource": true,
"original": {
"$value": "{border.radius.md}",
"$type": "dimension",
"$description": "",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{border.radius.default}"
},
"name": "BORDER_RADIUS_DEFAULT",
"attributes": {},
"path": [
"border",
"radius",
"default"
],
"cssWithValue": "var(--gl-border-radius-default)"
},
"action": {
"key": "{action.border.radius}",
"$value": "0.5rem",
"$type": "dimension",
"$description": "Used for the border radius of an action.",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/semantic/action.tokens.json",
"isSource": true,
"original": {
"$value": "{border.radius.lg}",
"$type": "dimension",
"$description": "Used for the border radius of an action.",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{action.border.radius}"
},
"name": "ACTION_BORDER_RADIUS",
"attributes": {},
"path": [
"action",
"border",
"radius"
],
"cssWithValue": "var(--gl-action-border-radius)"
},
"control": {
"key": "{control.border.radius}",
"$value": "0.5rem",
"$type": "dimension",
"$description": "Used for form control (input, radio button, checkbox, textarea) default border radius.",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/semantic/control.tokens.json",
"isSource": true,
"original": {
"$value": "{border.radius.lg}",
"$type": "dimension",
"$description": "Used for form control (input, radio button, checkbox, textarea) default border radius.",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{control.border.radius}"
},
"name": "CONTROL_BORDER_RADIUS",
"attributes": {},
"path": [
"control",
"border",
"radius"
],
"cssWithValue": "var(--gl-control-border-radius)"
},
"feedback": {
"key": "{feedback.border.radius}",
"$value": "0.5rem",
"$type": "dimension",
"$description": "Used for the border radius of a feedback element.",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"filePath": "src/tokens/semantic/feedback.tokens.json",
"isSource": true,
"original": {
"$value": "{border.radius.lg}",
"$type": "dimension",
"$description": "Used for the border radius of a feedback element.",
"$extensions": {
"com.figma.scopes": [
"CORNER_RADIUS"
]
},
"key": "{feedback.border.radius}"
},
"name": "FEEDBACK_BORDER_RADIUS",
"attributes": {},
"path": [
"feedback",
"border",
"radius"
],
"cssWithValue": "var(--gl-feedback-border-radius)"
}
},
"opacity": {
"0": {
"key": "{opacity.0}",
"$value": "0",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/opacity.tokens.json",
"isSource": true,
"original": {
"$value": "0",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{opacity.0}"
},
"name": "OPACITY_0",
"attributes": {},
"path": [
"opacity",
"0"
],
"cssWithValue": "var(--gl-opacity-0)"
},
"1": {
"key": "{opacity.1}",
"$value": ".1",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/opacity.tokens.json",
"isSource": true,
"original": {
"$value": ".1",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{opacity.1}"
},
"name": "OPACITY_1",
"attributes": {},
"path": [
"opacity",
"1"
],
"cssWithValue": "var(--gl-opacity-1)"
},
"2": {
"key": "{opacity.2}",
"$value": ".2",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/opacity.tokens.json",
"isSource": true,
"original": {
"$value": ".2",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{opacity.2}"
},
"name": "OPACITY_2",
"attributes": {},
"path": [
"opacity",
"2"
],
"cssWithValue": "var(--gl-opacity-2)"
},
"3": {
"key": "{opacity.3}",
"$value": ".3",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/opacity.tokens.json",
"isSource": true,
"original": {
"$value": ".3",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{opacity.3}"
},
"name": "OPACITY_3",
"attributes": {},
"path": [
"opacity",
"3"
],
"cssWithValue": "var(--gl-opacity-3)"
},
"4": {
"key": "{opacity.4}",
"$value": ".4",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/opacity.tokens.json",
"isSource": true,
"original": {
"$value": ".4",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{opacity.4}"
},
"name": "OPACITY_4",
"attributes": {},
"path": [
"opacity",
"4"
],
"cssWithValue": "var(--gl-opacity-4)"
},
"5": {
"key": "{opacity.5}",
"$value": ".5",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/opacity.tokens.json",
"isSource": true,
"original": {
"$value": ".5",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{opacity.5}"
},
"name": "OPACITY_5",
"attributes": {},
"path": [
"opacity",
"5"
],
"cssWithValue": "var(--gl-opacity-5)"
},
"6": {
"key": "{opacity.6}",
"$value": ".6",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/opacity.tokens.json",
"isSource": true,
"original": {
"$value": ".6",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{opacity.6}"
},
"name": "OPACITY_6",
"attributes": {},
"path": [
"opacity",
"6"
],
"cssWithValue": "var(--gl-opacity-6)"
},
"7": {
"key": "{opacity.7}",
"$value": ".7",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/opacity.tokens.json",
"isSource": true,
"original": {
"$value": ".7",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{opacity.7}"
},
"name": "OPACITY_7",
"attributes": {},
"path": [
"opacity",
"7"
],
"cssWithValue": "var(--gl-opacity-7)"
},
"8": {
"key": "{opacity.8}",
"$value": ".8",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/opacity.tokens.json",
"isSource": true,
"original": {
"$value": ".8",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{opacity.8}"
},
"name": "OPACITY_8",
"attributes": {},
"path": [
"opacity",
"8"
],
"cssWithValue": "var(--gl-opacity-8)"
},
"9": {
"key": "{opacity.9}",
"$value": ".9",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/opacity.tokens.json",
"isSource": true,
"original": {
"$value": ".9",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{opacity.9}"
},
"name": "OPACITY_9",
"attributes": {},
"path": [
"opacity",
"9"
],
"cssWithValue": "var(--gl-opacity-9)"
},
"10": {
"key": "{opacity.10}",
"$value": "1",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/opacity.tokens.json",
"isSource": true,
"original": {
"$value": "1",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{opacity.10}"
},
"name": "OPACITY_10",
"attributes": {},
"path": [
"opacity",
"10"
],
"cssWithValue": "var(--gl-opacity-10)"
}
},
"zIndex": {
"0": {
"key": "{zindex.0}",
"$value": "0",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/zindex.tokens.json",
"isSource": true,
"original": {
"$value": "0",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{zindex.0}"
},
"name": "ZINDEX_0",
"attributes": {},
"path": [
"zindex",
"0"
],
"cssWithValue": "var(--gl-zindex-0)"
},
"1": {
"key": "{zindex.1}",
"$value": "1",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/zindex.tokens.json",
"isSource": true,
"original": {
"$value": "1",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{zindex.1}"
},
"name": "ZINDEX_1",
"attributes": {},
"path": [
"zindex",
"1"
],
"cssWithValue": "var(--gl-zindex-1)"
},
"2": {
"key": "{zindex.2}",
"$value": "2",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/zindex.tokens.json",
"isSource": true,
"original": {
"$value": "2",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{zindex.2}"
},
"name": "ZINDEX_2",
"attributes": {},
"path": [
"zindex",
"2"
],
"cssWithValue": "var(--gl-zindex-2)"
},
"3": {
"key": "{zindex.3}",
"$value": "3",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/zindex.tokens.json",
"isSource": true,
"original": {
"$value": "3",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{zindex.3}"
},
"name": "ZINDEX_3",
"attributes": {},
"path": [
"zindex",
"3"
],
"cssWithValue": "var(--gl-zindex-3)"
},
"4": {
"key": "{zindex.4}",
"$value": "4",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/zindex.tokens.json",
"isSource": true,
"original": {
"$value": "4",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{zindex.4}"
},
"name": "ZINDEX_4",
"attributes": {},
"path": [
"zindex",
"4"
],
"cssWithValue": "var(--gl-zindex-4)"
},
"200": {
"key": "{zindex.200}",
"$value": "200",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/zindex.tokens.json",
"isSource": true,
"original": {
"$value": "200",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{zindex.200}"
},
"name": "ZINDEX_200",
"attributes": {},
"path": [
"zindex",
"200"
],
"cssWithValue": "var(--gl-zindex-200)"
},
"9999": {
"key": "{zindex.9999}",
"$value": "9999",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/zindex.tokens.json",
"isSource": true,
"original": {
"$value": "9999",
"$type": "number",
"$extensions": {
"com.figma.scopes": []
},
"key": "{zindex.9999}"
},
"name": "ZINDEX_9999",
"attributes": {},
"path": [
"zindex",
"9999"
],
"cssWithValue": "var(--gl-zindex-9999)"
}
},
"boxShadow": {
"sm": {
"key": "{shadow.sm}",
"$value": [
{
"color": "rgba(5, 5, 6, 0.4)",
"offsetX": 0,
"offsetY": 0,
"blur": "2px",
"spread": 0
},
{
"color": "rgba(5, 5, 6, 0.4)",
"offsetX": 0,
"offsetY": "1px",
"blur": "4px",
"spread": 0
}
],
"$type": "shadow",
"$description": "Used for surfaces that need to indicate users can manually interact with them. For example, cards in issue board.",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/shadow.tokens.json",
"isSource": true,
"original": {
"$value": [
{
"color": "{shadow.color.default}",
"offsetX": 0,
"offsetY": 0,
"blur": "2px",
"spread": 0
},
{
"color": "{shadow.color.default}",
"offsetX": 0,
"offsetY": "1px",
"blur": "4px",
"spread": 0
}
],
"$type": "shadow",
"$description": "Used for surfaces that need to indicate users can manually interact with them. For example, cards in issue board.",
"$extensions": {
"com.figma.scopes": []
},
"key": "{shadow.sm}"
},
"name": "SHADOW_SM",
"attributes": {},
"path": [
"shadow",
"sm"
],
"cssWithValue": "var(--gl-shadow-sm)"
},
"md": {
"key": "{shadow.md}",
"$value": [
{
"color": "rgba(5, 5, 6, 0.4)",
"offsetX": 0,
"offsetY": 0,
"blur": "1px",
"spread": 0
},
{
"color": "rgba(5, 5, 6, 0.4)",
"offsetX": 0,
"offsetY": 0,
"blur": "2px",
"spread": 0
},
{
"color": "rgba(5, 5, 6, 0.4)",
"offsetX": 0,
"offsetY": "2px",
"blur": "8px",
"spread": 0
}
],
"$type": "shadow",
"$description": "Used for surfaces that need boundary definition and appear on hover. For example, popovers.",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/shadow.tokens.json",
"isSource": true,
"original": {
"$value": [
{
"color": "{shadow.color.default}",
"offsetX": 0,
"offsetY": 0,
"blur": "1px",
"spread": 0
},
{
"color": "{shadow.color.default}",
"offsetX": 0,
"offsetY": 0,
"blur": "2px",
"spread": 0
},
{
"color": "{shadow.color.default}",
"offsetX": 0,
"offsetY": "2px",
"blur": "8px",
"spread": 0
}
],
"$type": "shadow",
"$description": "Used for surfaces that need boundary definition and appear on hover. For example, popovers.",
"$extensions": {
"com.figma.scopes": []
},
"key": "{shadow.md}"
},
"name": "SHADOW_MD",
"attributes": {},
"path": [
"shadow",
"md"
],
"cssWithValue": "var(--gl-shadow-md)"
},
"lg": {
"key": "{shadow.lg}",
"$value": [
{
"color": "rgba(5, 5, 6, 0.4)",
"offsetX": 0,
"offsetY": 0,
"blur": "2px",
"spread": 0
},
{
"color": "rgba(5, 5, 6, 0.4)",
"offsetX": 0,
"offsetY": 0,
"blur": "2px",
"spread": 0
},
{
"color": "rgba(5, 5, 6, 0.4)",
"offsetX": 0,
"offsetY": "4px",
"blur": "12px",
"spread": 0
}
],
"$type": "shadow",
"$description": "Used for large surfaces that present additional context to the user.",
"$extensions": {
"com.figma.scopes": []
},
"filePath": "src/tokens/constant/shadow.tokens.json",
"isSource": true,
"original": {
"$value": [
{
"color": "{shadow.color.default}",
"offsetX": 0,
"offsetY": 0,
"blur": "2px",
"spread": 0
},
{
"color": "{shadow.color.default}",
"offsetX": 0,
"offsetY": 0,
"blur": "2px",
"spread": 0
},
{
"color": "{shadow.color.default}",
"offsetX": 0,
"offsetY": "4px",
"blur": "12px",
"spread": 0
}
],
"$type": "shadow",
"$description": "Used for large surfaces that present additional context to the user.",
"$extensions": {
"com.figma.scopes": []
},
"key": "{shadow.lg}"
},
"name": "SHADOW_LG",
"attributes": {},
"path": [
"shadow",
"lg"
],
"cssWithValue": "var(--gl-shadow-lg)"
}
},
"lineHeight": {
"12": {
"key": "{line-height.12}",
"$value": "0.75rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"filePath": "src/tokens/constant/line_height.tokens.json",
"isSource": true,
"original": {
"$value": "0.75rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"key": "{line-height.12}"
},
"name": "LINE_HEIGHT_12",
"attributes": {},
"path": [
"line-height",
"12"
],
"cssWithValue": "var(--gl-line-height-12)"
},
"16": {
"key": "{line-height.16}",
"$value": "1rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"filePath": "src/tokens/constant/line_height.tokens.json",
"isSource": true,
"original": {
"$value": "1rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"key": "{line-height.16}"
},
"name": "LINE_HEIGHT_16",
"attributes": {},
"path": [
"line-height",
"16"
],
"cssWithValue": "var(--gl-line-height-16)"
},
"20": {
"key": "{line-height.20}",
"$value": "1.25rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"filePath": "src/tokens/constant/line_height.tokens.json",
"isSource": true,
"original": {
"$value": "1.25rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"key": "{line-height.20}"
},
"name": "LINE_HEIGHT_20",
"attributes": {},
"path": [
"line-height",
"20"
],
"cssWithValue": "var(--gl-line-height-20)"
},
"24": {
"key": "{line-height.24}",
"$value": "1.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"filePath": "src/tokens/constant/line_height.tokens.json",
"isSource": true,
"original": {
"$value": "1.5rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"key": "{line-height.24}"
},
"name": "LINE_HEIGHT_24",
"attributes": {},
"path": [
"line-height",
"24"
],
"cssWithValue": "var(--gl-line-height-24)"
},
"28": {
"key": "{line-height.28}",
"$value": "1.75rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"filePath": "src/tokens/constant/line_height.tokens.json",
"isSource": true,
"original": {
"$value": "1.75rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"key": "{line-height.28}"
},
"name": "LINE_HEIGHT_28",
"attributes": {},
"path": [
"line-height",
"28"
],
"cssWithValue": "var(--gl-line-height-28)"
},
"32": {
"key": "{line-height.32}",
"$value": "2rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"filePath": "src/tokens/constant/line_height.tokens.json",
"isSource": true,
"original": {
"$value": "2rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"key": "{line-height.32}"
},
"name": "LINE_HEIGHT_32",
"attributes": {},
"path": [
"line-height",
"32"
],
"cssWithValue": "var(--gl-line-height-32)"
},
"36": {
"key": "{line-height.36}",
"$value": "2.25rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"filePath": "src/tokens/constant/line_height.tokens.json",
"isSource": true,
"original": {
"$value": "2.25rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"key": "{line-height.36}"
},
"name": "LINE_HEIGHT_36",
"attributes": {},
"path": [
"line-height",
"36"
],
"cssWithValue": "var(--gl-line-height-36)"
},
"42": {
"key": "{line-height.42}",
"$value": "2.625rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"filePath": "src/tokens/constant/line_height.tokens.json",
"isSource": true,
"original": {
"$value": "2.625rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"key": "{line-height.42}"
},
"name": "LINE_HEIGHT_42",
"attributes": {},
"path": [
"line-height",
"42"
],
"cssWithValue": "var(--gl-line-height-42)"
},
"44": {
"key": "{line-height.44}",
"$value": "2.75rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"filePath": "src/tokens/constant/line_height.tokens.json",
"isSource": true,
"original": {
"$value": "2.75rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"key": "{line-height.44}"
},
"name": "LINE_HEIGHT_44",
"attributes": {},
"path": [
"line-height",
"44"
],
"cssWithValue": "var(--gl-line-height-44)"
},
"52": {
"key": "{line-height.52}",
"$value": "3.25rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"filePath": "src/tokens/constant/line_height.tokens.json",
"isSource": true,
"original": {
"$value": "3.25rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"key": "{line-height.52}"
},
"name": "LINE_HEIGHT_52",
"attributes": {},
"path": [
"line-height",
"52"
],
"cssWithValue": "var(--gl-line-height-52)"
},
"heading": {
"key": "{line-height.heading}",
"$value": 1.25,
"$type": "number",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"filePath": "src/tokens/semantic/line_height.tokens.json",
"isSource": true,
"original": {
"$value": 1.25,
"$type": "number",
"$extensions": {
"com.figma.scopes": [
"LINE_HEIGHT"
]
},
"key": "{line-height.heading}"
},
"name": "LINE_HEIGHT_HEADING",
"attributes": {},
"path": [
"line-height",
"heading"
],
"cssWithValue": "var(--gl-line-height-heading)"
}
},
"fontFamily": {
"regular": {
"key": "{font.family.regular}",
"$value": [
"var(--default-regular-font, 'GitLab Sans')",
"'GitLab Sans'",
"-apple-system",
"BlinkMacSystemFont",
"'Segoe UI'",
"Roboto",
"'Noto Sans'",
"Ubuntu",
"Cantarell",
"'Helvetica Neue'",
"sans-serif",
"'Apple Color Emoji'",
"'Segoe UI Emoji'",
"'Segoe UI Symbol'",
"'Noto Color Emoji'"
],
"$type": "fontFamily",
"$extensions": {
"com.figma.scopes": [
"FONT_FAMILY"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": [
"var(--default-regular-font, 'GitLab Sans')",
"'GitLab Sans'",
"-apple-system",
"BlinkMacSystemFont",
"'Segoe UI'",
"Roboto",
"'Noto Sans'",
"Ubuntu",
"Cantarell",
"'Helvetica Neue'",
"sans-serif",
"'Apple Color Emoji'",
"'Segoe UI Emoji'",
"'Segoe UI Symbol'",
"'Noto Color Emoji'"
],
"$type": "fontFamily",
"$extensions": {
"com.figma.scopes": [
"FONT_FAMILY"
]
},
"key": "{font.family.regular}"
},
"name": "FONT_FAMILY_REGULAR",
"attributes": {},
"path": [
"font",
"family",
"regular"
],
"cssWithValue": "var(--gl-font-family-regular)"
},
"monospace": {
"key": "{font.family.monospace}",
"$value": [
"var(--default-mono-font, 'GitLab Mono')",
"'GitLab Mono'",
"'JetBrains Mono'",
"Menlo",
"'DejaVu Sans Mono'",
"'Liberation Mono'",
"Consolas",
"'Ubuntu Mono'",
"'Courier New'",
"'andale mono'",
"'lucida console'",
"monospace"
],
"$type": "fontFamily",
"$extensions": {
"com.figma.scopes": [
"FONT_FAMILY"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": [
"var(--default-mono-font, 'GitLab Mono')",
"'GitLab Mono'",
"'JetBrains Mono'",
"Menlo",
"'DejaVu Sans Mono'",
"'Liberation Mono'",
"Consolas",
"'Ubuntu Mono'",
"'Courier New'",
"'andale mono'",
"'lucida console'",
"monospace"
],
"$type": "fontFamily",
"$extensions": {
"com.figma.scopes": [
"FONT_FAMILY"
]
},
"key": "{font.family.monospace}"
},
"name": "FONT_FAMILY_MONOSPACE",
"attributes": {},
"path": [
"font",
"family",
"monospace"
],
"cssWithValue": "var(--gl-font-family-monospace)"
}
},
"fontSize": {
"100": {
"key": "{font.size.100}",
"$value": "0.75rem",
"$type": "dimension",
"$description": "Used for meta text and small labels.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "0.75rem",
"$type": "dimension",
"$description": "Used for meta text and small labels.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.100}"
},
"name": "FONT_SIZE_100",
"attributes": {},
"path": [
"font",
"size",
"100"
],
"cssWithValue": "var(--gl-font-size-100)"
},
"200": {
"key": "{font.size.200}",
"$value": "0.8125rem",
"$type": "dimension",
"$description": "Used for level 6 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "0.8125rem",
"$type": "dimension",
"$description": "Used for level 6 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.200}"
},
"name": "FONT_SIZE_200",
"attributes": {},
"path": [
"font",
"size",
"200"
],
"cssWithValue": "var(--gl-font-size-200)"
},
"300": {
"key": "{font.size.300}",
"$value": "0.875rem",
"$type": "dimension",
"$description": "Used for level 5 headings, body text, input labels, and help text.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "0.875rem",
"$type": "dimension",
"$description": "Used for level 5 headings, body text, input labels, and help text.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.300}"
},
"name": "FONT_SIZE_300",
"attributes": {},
"path": [
"font",
"size",
"300"
],
"cssWithValue": "var(--gl-font-size-300)"
},
"400": {
"key": "{font.size.400}",
"$value": "1rem",
"$type": "dimension",
"$description": "Used for level 4 headings, large body text.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "1rem",
"$type": "dimension",
"$description": "Used for level 4 headings, large body text.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.400}"
},
"name": "FONT_SIZE_400",
"attributes": {},
"path": [
"font",
"size",
"400"
],
"cssWithValue": "var(--gl-font-size-400)"
},
"500": {
"key": "{font.size.500}",
"$value": "clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem)",
"$type": "string",
"$description": "Used for responsive level 3 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem)",
"$type": "string",
"$description": "Used for responsive level 3 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.500}"
},
"name": "FONT_SIZE_500",
"attributes": {},
"path": [
"font",
"size",
"500"
],
"cssWithValue": "var(--gl-font-size-500)"
},
"600": {
"key": "{font.size.600}",
"$value": "clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem)",
"$type": "string",
"$description": "Used for responsive level 2 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem)",
"$type": "string",
"$description": "Used for responsive level 2 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.600}"
},
"name": "FONT_SIZE_600",
"attributes": {},
"path": [
"font",
"size",
"600"
],
"cssWithValue": "var(--gl-font-size-600)"
},
"700": {
"key": "{font.size.700}",
"$value": "clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem)",
"$type": "string",
"$description": "Used for responsive level 1 headings",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem)",
"$type": "string",
"$description": "Used for responsive level 1 headings",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.700}"
},
"name": "FONT_SIZE_700",
"attributes": {},
"path": [
"font",
"size",
"700"
],
"cssWithValue": "var(--gl-font-size-700)"
},
"800": {
"key": "{font.size.800}",
"$value": "clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem)",
"$type": "string",
"$description": "Used for a responsive display option that can be applied to a level 1 heading to increase its prominence.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem)",
"$type": "string",
"$description": "Used for a responsive display option that can be applied to a level 1 heading to increase its prominence.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.800}"
},
"name": "FONT_SIZE_800",
"attributes": {},
"path": [
"font",
"size",
"800"
],
"cssWithValue": "var(--gl-font-size-800)"
},
"xs": {
"key": "{font.size.xs}",
"$value": "0.625rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "0.625rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.xs}"
},
"name": "FONT_SIZE_XS",
"attributes": {},
"path": [
"font",
"size",
"xs"
],
"cssWithValue": "var(--gl-font-size-xs)"
},
"sm": {
"key": "{font.size.sm}",
"$value": "0.75rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "{font.size.100}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.sm}"
},
"name": "FONT_SIZE_SM",
"attributes": {},
"path": [
"font",
"size",
"sm"
],
"cssWithValue": "var(--gl-font-size-sm)"
},
"md": {
"key": "{font.size.md}",
"$value": "0.875rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "{font.size.300}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.md}"
},
"name": "FONT_SIZE_MD",
"attributes": {},
"path": [
"font",
"size",
"md"
],
"cssWithValue": "var(--gl-font-size-md)"
},
"lg": {
"key": "{font.size.lg}",
"$value": "1rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "{font.size.400}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.lg}"
},
"name": "FONT_SIZE_LG",
"attributes": {},
"path": [
"font",
"size",
"lg"
],
"cssWithValue": "var(--gl-font-size-lg)"
},
"100-fixed": {
"key": "{font.size.100-fixed}",
"$value": "0.75rem",
"$type": "dimension",
"$description": "Used for meta text and small labels.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "0.75rem",
"$type": "dimension",
"$description": "Used for meta text and small labels.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.100-fixed}"
},
"name": "FONT_SIZE_100_FIXED",
"attributes": {},
"path": [
"font",
"size",
"100-fixed"
],
"cssWithValue": "var(--gl-font-size-100-fixed)"
},
"200-fixed": {
"key": "{font.size.200-fixed}",
"$value": "0.8125rem",
"$type": "dimension",
"$description": "Used for level 6 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "0.8125rem",
"$type": "dimension",
"$description": "Used for level 6 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.200-fixed}"
},
"name": "FONT_SIZE_200_FIXED",
"attributes": {},
"path": [
"font",
"size",
"200-fixed"
],
"cssWithValue": "var(--gl-font-size-200-fixed)"
},
"300-fixed": {
"key": "{font.size.300-fixed}",
"$value": "0.875rem",
"$type": "dimension",
"$description": "Used for level 5 headings, body text, input labels, and help text.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "0.875rem",
"$type": "dimension",
"$description": "Used for level 5 headings, body text, input labels, and help text.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.300-fixed}"
},
"name": "FONT_SIZE_300_FIXED",
"attributes": {},
"path": [
"font",
"size",
"300-fixed"
],
"cssWithValue": "var(--gl-font-size-300-fixed)"
},
"400-fixed": {
"key": "{font.size.400-fixed}",
"$value": "1rem",
"$type": "dimension",
"$description": "Used for level 4 headings, large body text.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "1rem",
"$type": "dimension",
"$description": "Used for level 4 headings, large body text.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.400-fixed}"
},
"name": "FONT_SIZE_400_FIXED",
"attributes": {},
"path": [
"font",
"size",
"400-fixed"
],
"cssWithValue": "var(--gl-font-size-400-fixed)"
},
"500-fixed": {
"key": "{font.size.500-fixed}",
"$value": "1.125rem",
"$type": "dimension",
"$description": "Used for level 3 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "1.125rem",
"$type": "dimension",
"$description": "Used for level 3 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.500-fixed}"
},
"name": "FONT_SIZE_500_FIXED",
"attributes": {},
"path": [
"font",
"size",
"500-fixed"
],
"cssWithValue": "var(--gl-font-size-500-fixed)"
},
"600-fixed": {
"key": "{font.size.600-fixed}",
"$value": "1.3125rem",
"$type": "dimension",
"$description": "Used for level 2 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "1.3125rem",
"$type": "dimension",
"$description": "Used for level 2 headings.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.600-fixed}"
},
"name": "FONT_SIZE_600_FIXED",
"attributes": {},
"path": [
"font",
"size",
"600-fixed"
],
"cssWithValue": "var(--gl-font-size-600-fixed)"
},
"700-fixed": {
"key": "{font.size.700-fixed}",
"$value": "1.5rem",
"$type": "dimension",
"$description": "Used for level 1 headings",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "1.5rem",
"$type": "dimension",
"$description": "Used for level 1 headings",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.700-fixed}"
},
"name": "FONT_SIZE_700_FIXED",
"attributes": {},
"path": [
"font",
"size",
"700-fixed"
],
"cssWithValue": "var(--gl-font-size-700-fixed)"
},
"800-fixed": {
"key": "{font.size.800-fixed}",
"$value": "1.75rem",
"$type": "dimension",
"$description": "Used for a display option that can be applied to a level 1 heading to increase its prominence.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": "1.75rem",
"$type": "dimension",
"$description": "Used for a display option that can be applied to a level 1 heading to increase its prominence.",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.800-fixed}"
},
"name": "FONT_SIZE_800_FIXED",
"attributes": {},
"path": [
"font",
"size",
"800-fixed"
],
"cssWithValue": "var(--gl-font-size-800-fixed)"
},
"base": {
"key": "{font.size.base}",
"$value": "0.875rem",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"filePath": "src/tokens/semantic/font.tokens.json",
"isSource": true,
"original": {
"$value": "{font.size.md}",
"$type": "dimension",
"$extensions": {
"com.figma.scopes": [
"FONT_SIZE"
]
},
"key": "{font.size.base}"
},
"name": "FONT_SIZE_BASE",
"attributes": {},
"path": [
"font",
"size",
"base"
],
"cssWithValue": "var(--gl-font-size-base)"
}
},
"fontWeight": {
"100": {
"key": "{font.weight.100}",
"$value": 100,
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": 100,
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"key": "{font.weight.100}"
},
"name": "FONT_WEIGHT_100",
"attributes": {},
"path": [
"font",
"weight",
"100"
],
"cssWithValue": "var(--gl-font-weight-100)"
},
"300": {
"key": "{font.weight.300}",
"$value": 300,
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": 300,
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"key": "{font.weight.300}"
},
"name": "FONT_WEIGHT_300",
"attributes": {},
"path": [
"font",
"weight",
"300"
],
"cssWithValue": "var(--gl-font-weight-300)"
},
"normal": {
"key": "{font.weight.normal}",
"$value": 400,
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": 400,
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"key": "{font.weight.normal}"
},
"name": "FONT_WEIGHT_NORMAL",
"attributes": {},
"path": [
"font",
"weight",
"normal"
],
"cssWithValue": "var(--gl-font-weight-normal)"
},
"semibold": {
"key": "{font.weight.semibold}",
"$value": 500,
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": 500,
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"key": "{font.weight.semibold}"
},
"name": "FONT_WEIGHT_SEMIBOLD",
"attributes": {},
"path": [
"font",
"weight",
"semibold"
],
"cssWithValue": "var(--gl-font-weight-semibold)"
},
"bold": {
"key": "{font.weight.bold}",
"$value": 600,
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"filePath": "src/tokens/constant/font.tokens.json",
"isSource": true,
"original": {
"$value": 600,
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"key": "{font.weight.bold}"
},
"name": "FONT_WEIGHT_BOLD",
"attributes": {},
"path": [
"font",
"weight",
"bold"
],
"cssWithValue": "var(--gl-font-weight-bold)"
},
"heading": {
"key": "{font.weight.heading}",
"$value": 600,
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"filePath": "src/tokens/semantic/font.tokens.json",
"isSource": true,
"original": {
"$value": "{font.weight.bold}",
"$type": "fontWeight",
"$extensions": {
"com.figma.scopes": [
"FONT_WEIGHT"
]
},
"key": "{font.weight.heading}"
},
"name": "FONT_WEIGHT_HEADING",
"attributes": {},
"path": [
"font",
"weight",
"heading"
],
"cssWithValue": "var(--gl-font-weight-heading)"
}
}
}