{
  "extractedAt": "2026-04-22T00:00:00.000Z",
  "modeNames": {
    "Dark": "Dark",
    "Light": "Light"
  },
  "variables": [
    {
      "id": "VariableID:1558:94781",
      "figmaName": "UX/Grey/grey-1 #FFFFFF",
      "Dark": "#ffffff",
      "Light": "#ffffff",
      "cssVar": "--color-white"
    },
    {
      "id": "VariableID:1558:94782",
      "figmaName": "UX/Grey/grey-2 #F8F8F8",
      "Dark": "#f8f8f8",
      "Light": "#f8f8f8",
      "cssVar": "--color-grey-2"
    },
    {
      "id": "VariableID:1558:94783",
      "figmaName": "UX/Grey/grey-3 #F0F0F0",
      "Dark": "#f0f0f0",
      "Light": "#f0f0f0",
      "cssVar": "--color-grey-3"
    },
    {
      "id": "VariableID:1558:94784",
      "figmaName": "UX/Grey/grey-4 #DBDBDB",
      "Dark": "#dbdbdb",
      "Light": "#dbdbdb",
      "cssVar": "--color-grey-4"
    },
    {
      "id": "VariableID:1558:94785",
      "figmaName": "UX/Grey/grey-5 #CCCCCC",
      "Dark": "#cccccc",
      "Light": "#cccccc",
      "cssVar": "--color-grey-5"
    },
    {
      "id": "VariableID:1558:94786",
      "figmaName": "UX/Grey/grey-6 #9E9E9E",
      "Dark": "#9e9e9e",
      "Light": "#9e9e9e",
      "cssVar": "--color-grey-6"
    },
    {
      "id": "VariableID:1558:94787",
      "figmaName": "UX/Grey/grey-8 #595959",
      "Dark": "#595959",
      "Light": "#595959",
      "cssVar": "--color-grey-8"
    },
    {
      "id": "VariableID:1558:94788",
      "figmaName": "UX/Grey/grey-9 #434343",
      "Dark": "#434343",
      "Light": "#434343",
      "cssVar": "--color-grey-9"
    },
    {
      "id": "VariableID:1558:94789",
      "figmaName": "UX/Grey/grey-10 #353535",
      "Dark": "#353535",
      "Light": "#353535",
      "cssVar": "--color-grey-10"
    },
    {
      "id": "VariableID:1558:94790",
      "figmaName": "UX/Grey/grey-11 #262626",
      "Dark": "#262626",
      "Light": "#262626",
      "cssVar": "--color-grey-11"
    },
    {
      "id": "VariableID:1558:94791",
      "figmaName": "UX/Grey/grey-12 #1F1F1F",
      "Dark": "#1f1f1f",
      "Light": "#1f1f1f",
      "cssVar": "--color-grey-12"
    },
    {
      "id": "VariableID:1558:94792",
      "figmaName": "UX/Grey/grey-13 #141414",
      "Dark": "#141414",
      "Light": "#141414",
      "cssVar": "--color-grey-13"
    },
    {
      "id": "VariableID:1558:94793",
      "figmaName": "UX/Grey/grey-14 #000000",
      "Dark": "#000000",
      "Light": "#000000",
      "cssVar": "--color-grey-14"
    },
    {
      "id": "VariableID:1608:170962",
      "figmaName": "UX/Grey/grey-7 #7B7B7B",
      "Dark": "#7b7b7b",
      "Light": "#7b7b7b",
      "cssVar": "--color-grey-7"
    },
    {
      "id": "VariableID:1626:104889",
      "figmaName": "UX/Brand/Brand",
      "Dark": "#2fb54e",
      "Light": "#299f45",
      "cssVar": "--brand"
    },
    {
      "id": "VariableID:1626:104890",
      "figmaName": "UX/Brand/Match,Hover",
      "Dark": "#0b2b13",
      "Light": "#f1fbf3",
      "cssVar": "--brand-match"
    },
    {
      "id": "VariableID:1626:104891",
      "figmaName": "UX/Brand/Disable",
      "Dark": "#1a652c",
      "Light": "#8fcc9d",
      "cssVar": "--brand-disable"
    },
    {
      "id": "VariableID:1626:104892",
      "figmaName": "UX/Brand/Hover",
      "Dark": "#41c760",
      "Light": "#00ac39",
      "cssVar": "--brand-hover"
    },
    {
      "id": "VariableID:1671:111623",
      "figmaName": "UX/Red/Default",
      "Dark": "#ea4233",
      "Light": "#dc2717",
      "cssVar": "--red"
    },
    {
      "id": "VariableID:1671:111625",
      "figmaName": "UX/Red/Hover 1",
      "Dark": "#ed5b4e",
      "Light": "#eb493a",
      "cssVar": "--red-hover"
    },
    {
      "id": "VariableID:1671:111677",
      "figmaName": "UX/Red/Msg-bg",
      "Dark": "#fff1f0",
      "Light": "#fff1f0",
      "cssVar": "--red-bg"
    },
    {
      "id": "VariableID:1671:114765",
      "figmaName": "UX/Orange/Default",
      "Dark": "#f68512",
      "Light": "#e26601",
      "cssVar": "--orange"
    },
    {
      "id": "VariableID:1671:114768",
      "figmaName": "UX/Orange/Hover 1",
      "Dark": "#f89c3e",
      "Light": "#e97413",
      "cssVar": "--orange-hover"
    },
    {
      "id": "VariableID:1671:114769",
      "figmaName": "UX/Orange/Msg-bg",
      "Dark": "#fff3db",
      "Light": "#fff3db",
      "cssVar": "--orange-bg"
    },
    {
      "id": "VariableID:1671:114779",
      "figmaName": "UX/Blue/Default",
      "Dark": "#3892f3",
      "Light": "#0473d5",
      "cssVar": "--blue"
    },
    {
      "id": "VariableID:1671:114780",
      "figmaName": "UX/Blue/Hover 1",
      "Dark": "#62a9f6",
      "Light": "#118dfb",
      "cssVar": "--blue-hover"
    },
    {
      "id": "VariableID:1671:114781",
      "figmaName": "UX/Blue/Msg-bg",
      "Dark": "#e1eefd",
      "Light": "#e1eefd",
      "cssVar": "--blue-bg"
    },
    {
      "id": "VariableID:2611:56882",
      "figmaName": "Color Type/Text/Heading & Button",
      "Dark": "#ffffff",
      "Light": "#000000",
      "cssVar": "--text-heading"
    },
    {
      "id": "VariableID:2611:57509",
      "figmaName": "Color Type/Text/Text_1",
      "Dark": "#f8f8f8",
      "Light": "#141414",
      "cssVar": "--text-body"
    },
    {
      "id": "VariableID:2611:57609",
      "figmaName": "Color Type/Text/Text_2",
      "Dark": "#cccccc",
      "Light": "#434343",
      "cssVar": "--text-2"
    },
    {
      "id": "VariableID:2611:57610",
      "figmaName": "Color Type/Text/Tips",
      "Dark": "#9e9e9e",
      "Light": "#595959",
      "cssVar": "--text-tips"
    },
    {
      "id": "VariableID:2611:57611",
      "figmaName": "Color Type/Text/Placeholder & Button",
      "Dark": "#7b7b7b",
      "Light": "#9e9e9e",
      "cssVar": "--text-placeholder"
    },
    {
      "id": "VariableID:2611:57612",
      "figmaName": "Color Type/Text/Disable",
      "Dark": "#595959",
      "Light": "#cccccc",
      "cssVar": "--text-disabled"
    },
    {
      "id": "VariableID:2611:57613",
      "figmaName": "Color Type/Text/Enable Grey button",
      "Dark": "#cccccc",
      "Light": "#434343",
      "cssVar": "--text-grey-en"
    },
    {
      "id": "VariableID:2611:57614",
      "figmaName": "Color Type/Text/Disable Grey Button",
      "Dark": "#7b7b7b",
      "Light": "#9e9e9e",
      "cssVar": "--text-grey-dis"
    },
    {
      "id": "VariableID:2611:57615",
      "figmaName": "Color Type/Icon/Active & Hover",
      "Dark": "#f8f8f8",
      "Light": "#434343",
      "cssVar": "--icon-active"
    },
    {
      "id": "VariableID:2611:57617",
      "figmaName": "Color Type/Icon/Default",
      "Dark": "#9e9e9e",
      "Light": "#595959",
      "cssVar": "--icon-default"
    },
    {
      "id": "VariableID:2611:57618",
      "figmaName": "Color Type/Icon/Disable",
      "Dark": "#595959",
      "Light": "#cccccc",
      "cssVar": "--icon-disabled"
    },
    {
      "id": "VariableID:2611:57619",
      "figmaName": "Color Type/Background/Layer_1",
      "Dark": "#141414",
      "Light": "#ffffff",
      "cssVar": "--bg-layer1"
    },
    {
      "id": "VariableID:2611:57620",
      "figmaName": "Color Type/Background/Layer_2",
      "Dark": "#1f1f1f",
      "Light": "#f8f8f8",
      "cssVar": "--bg-layer2"
    },
    {
      "id": "VariableID:2611:57621",
      "figmaName": "Color Type/Background/Layer_3",
      "Dark": "#262626",
      "Light": "#f0f0f0",
      "cssVar": "--bg-layer3"
    },
    {
      "id": "VariableID:2611:57622",
      "figmaName": "Color Type/Background/Layer_4",
      "Dark": "#353535",
      "Light": "#dbdbdb",
      "cssVar": "--bg-layer4"
    },
    {
      "id": "VariableID:2611:57623",
      "figmaName": "Color Type/Background/Top Bar",
      "Dark": "#000000",
      "Light": "#ffffff",
      "cssVar": "--bg-topbar"
    },
    {
      "id": "VariableID:2611:57624",
      "figmaName": "Color Type/Background/Hover Grey Button",
      "Dark": "#595959",
      "Light": "#cccccc",
      "cssVar": "--bg-grey-btn-hv"
    },
    {
      "id": "VariableID:2611:57625",
      "figmaName": "Color Type/Background/Enable Grey Button",
      "Dark": "#434343",
      "Light": "#dbdbdb",
      "cssVar": "--bg-grey-btn-en"
    },
    {
      "id": "VariableID:2611:57626",
      "figmaName": "Color Type/Background/Disable Grey Button",
      "Dark": "#434343",
      "Light": "#dbdbdb",
      "cssVar": "--bg-grey-btn-dis"
    },
    {
      "id": "VariableID:2611:57627",
      "figmaName": "Color Type/Text/Hover Grey button",
      "Dark": "#cccccc",
      "Light": "#434343",
      "cssVar": "--text-grey-hv"
    },
    {
      "id": "VariableID:2611:57628",
      "figmaName": "Color Type/Line/Popup Border",
      "Dark": "#595959",
      "Light": "#f0f0f0",
      "cssVar": "--line-border"
    },
    {
      "id": "VariableID:2611:57629",
      "figmaName": "Color Type/Line/Deep Divider",
      "Dark": "#353535",
      "Light": "#dbdbdb",
      "cssVar": "--line-deep"
    },
    {
      "id": "VariableID:2611:57630",
      "figmaName": "Color Type/Line/Light Divider",
      "Dark": "#434343",
      "Light": "#cccccc",
      "cssVar": "--line-light"
    },
    {
      "id": "VariableID:2986:79742",
      "figmaName": "UX/Orange/Time Zone",
      "Dark": "#d39f39",
      "Light": "#d39f39",
      "cssVar": "--orange-tz"
    },
    {
      "id": "VariableID:4263:102",
      "figmaName": "Color Type/Text/Primary Button",
      "Dark": "#ffffff",
      "Light": "#ffffff",
      "cssVar": "--text-primary-btn"
    },
    {
      "id": "VariableID:4264:16525",
      "figmaName": "Color Type/Icon/Placeholder",
      "Dark": "#7b7b7b",
      "Light": "#9e9e9e",
      "cssVar": "--icon-placeholder"
    },
    {
      "id": "VariableID:4600:22579",
      "figmaName": "Color Type/Icon/Disable Grey Button",
      "Dark": "#7b7b7b",
      "Light": "#9e9e9e",
      "cssVar": "--icon-grey-dis"
    }
  ],
  "normalizedAt": "2026-05-08T04:02:55.308Z"
}