diff --git a/src/styles/variables.css b/src/styles/variables.css index 81b3693..dc55a00 100644 --- a/src/styles/variables.css +++ b/src/styles/variables.css @@ -1,100 +1,163 @@ /** * Do not edit directly - * Generated on Fri, 20 Sep 2024 16:28:20 GMT + * Generated on Wed, 22 Jan 2025 09:18:27 GMT */ :root { - --radius-base: 12px; + --pink-100: #6e3e6d; + --pink-90: #9c579a; + --pink-80: #bf6bbc; + --pink-70: #dc7bd9; + --pink-60: #f68af3; + --pink-50: #f8a8f5; + --pink-40: #fac1f8; + --pink-30: #fbd8fa; + --pink-20: #fdecfd; + --pink-10: #fef6fe; + --acid-100: #5f721c; + --acid-90: #86a127; + --acid-80: #a4c630; + --acid-70: #bee437; + --acid-60: #d4ff3e; + --acid-50: #ddff7f; + --acid-40: #e6ffa8; + --acid-30: #efffc9; + --acid-20: #f7ffe6; + --acid-10: #fbfff3; + --alpha: #ffffff00; + --white: #ffffff; + --black: #212121; + --cyan-100: #15696a; + --cyan-90: #1e9597; + --cyan-80: #25b6b8; + --cyan-70: #2bd2d5; + --cyan-60: #30ebee; + --cyan-50: #7aeff1; + --cyan-40: #a6f3f5; + --cyan-30: #c8f7f8; + --cyan-20: #e5fbfc; + --cyan-10: #f2fdfd; + --green-100: #1c4c2f; + --green-90: #276c42; + --green-80: #308451; + --green-70: #37995e; + --green-60: #3eab69; + --green-50: #7fbf94; + --green-40: #a8d1b5; + --green-30: #c9e1d0; + --green-20: #e6f1e9; + --green-10: #f3f8f4; + --brown-100: #4c271c; + --brown-90: #6c3827; + --brown-80: #844430; + --brown-70: #994f37; + --brown-60: #ab583e; + --brown-50: #bf8b7f; + --brown-40: #d1afa8; + --brown-30: #e1cdc9; + --brown-20: #f1e7e6; + --brown-10: #f8f4f3; + --blue-100: #1b334c; + --blue-90: #27486c; + --blue-80: #2f5884; + --blue-70: #376699; + --blue-60: #3d72ab; + --blue-50: #7e99bf; + --blue-40: #a8b8d1; + --blue-30: #c9d2e1; + --blue-20: #e6eaf1; + --blue-10: #f3f5f8; + --light-blue-100: #00496f; + --light-blue-90: #00689d; + --light-blue-80: #007fc1; + --light-blue-70: #0093df; + --light-blue-60: #00a4f9; + --light-blue-50: #72bafa; + --light-blue-40: #a1cdfb; + --light-blue-30: #c6dffd; + --light-blue-20: #e4f0fe; + --light-blue-10: #f2f7fe; + --yellow-100: #6f5000; + --yellow-90: #9d7100; + --yellow-80: #c18a00; + --yellow-70: #df9f00; + --yellow-60: #f9b200; + --yellow-50: #fac472; + --yellow-40: #fbd4a1; + --yellow-30: #fde3c6; + --yellow-20: #fef2e4; + --yellow-10: #fef8f2; + --wall-100: #440008; + --wall-90: #61000b; + --wall-80: #77000d; + --wall-70: #89000f; + --wall-60: #990011; + --wall-50: #b27273; + --wall-40: #c8a1a2; + --wall-30: #dcc6c6; + --wall-20: #eee4e4; + --wall-10: #f7f2f2; + --breeze-100: #003c44; + --breeze-90: #005561; + --breeze-80: #006977; + --breeze-70: #007989; + --breeze-60: #008799; + --breeze-50: #72a6b2; + --breeze-40: #a1c0c8; + --breeze-30: #c6d7dc; + --breeze-20: #e4ecee; + --breeze-10: #f2f6f7; + --eggplant-100: #44002e; + --eggplant-90: #610041; + --eggplant-80: #77004f; + --eggplant-70: #89005b; + --eggplant-60: #990066; + --eggplant-50: #b27292; + --eggplant-40: #c8a1b4; + --eggplant-30: #dcc6d0; + --eggplant-20: #eee4e9; + --eggplant-10: #f7f2f4; + --radius-xs: 8px; + --radius-super: 999px; + --radius-lg: 48px; + --radius-md: 32px; + --radius-none: 0px; + --radius-sm: 24px; + --spacing-sm: 16px; + --spacing-2-xl: 64px; + --spacing-xl: 56px; + --spacing-lg: 48px; + --spacing-none: 0px; + --spacing-2-xs: 8px; --spacing-md: 24px; --spacing-xs: 12px; - --typography-font-family-dm-sans: DM Sans; - --typography-line-height-9: 20px; - --typography-line-height-8: 21px; - --typography-line-height-7: 24px; - --typography-line-height-6: 22px; - --typography-line-height-5: 28px; - --typography-line-height-4: 32px; - --typography-line-height-3: 42px; - --typography-line-height-2: 56px; - --typography-line-height-1: 72px; - --typography-line-height-0: 112px; - --typography-font-weight-regular: 400px; - --typography-font-weight-bold: 700px; - --typography-font-weight-medium: 500px; - --typography-font-size-8: 12px; - --typography-font-size-7: 14px; - --typography-font-size-6: 16px; - --typography-font-size-5: 20px; - --typography-font-size-4: 24px; - --typography-font-size-3: 34px; - --typography-font-size-2: 48px; - --typography-font-size-1: 60px; - --typography-font-size-0: 96px; - --color-blue-950: #0a0a2c; - --color-blue-900: #171748; - --color-blue-800: #202066; - --color-blue-700: #28287d; - --color-blue-600: #2e2e91; - --color-blue-500: #3333a2; - --color-blue-400: #7b7bb8; - --color-blue-300: #a6a6cc; - --color-blue-200: #c8c8df; - --color-blue-100: #e5e5ef; - --color-blue-50: #f2f2f7; - --color-alpha: #ffffff00; - --color-teal-950: #022f31; - --color-teal-900: #073e40; - --color-teal-800: #09585a; - --color-teal-700: #0c6c6e; - --color-teal-600: #0d7c7f; - --color-teal-500: #0f8b8e; - --color-teal-400: #73a9ab; - --color-teal-300: #a2c2c3; - --color-teal-200: #c6d8d9; - --color-teal-100: #e4eced; - --color-teal-50: #f2f6f6; - --color-white: #ffffff; - --color-black: #000000; - --color-green-950: #003406; - --color-green-900: #0b5c11; - --color-green-800: #076d0d; - --color-green-700: #008b07; - --color-green-600: #00b809; - --color-green-500: #00e606; - --color-green-400: #00ff00; - --color-green-300: #56ff50; - --color-green-200: #98ff90; - --color-green-100: #c9ffc4; - --color-green-50: #e7ffe4; - --color-red-950: #500000; - --color-red-900: #920a0a; - --color-red-800: #b10303; - --color-red-700: #d70000; - --color-red-600: #ff0000; - --color-red-500: #ff2323; - --color-red-400: #ff5757; - --color-red-300: #ff9494; - --color-red-200: #ffc0c0; - --color-red-100: #ffdddd; - --color-red-50: #fff0f0; - --button-secondary-bg-active: var(--color-alpha); - --button-secondary-bg-hover: var(--color-alpha); - --button-secondary-bg-default: var(--color-alpha); - --color-text-inverse: var(--color-black); - --color-text-tertiary: var(--color-blue-800); - --color-text-secondary: var(--color-green-400); - --color-text-primary: var(--color-red-600); - --color-text-default: var(--color-white); - --color-background-tertiary-active: var(--color-blue-950); - --color-background-tertiary-hover: var(--color-blue-800); - --color-background-tertiary: var(--color-blue-700); - --color-background-secondary-active: var(--color-blue-800); - --color-background-secondary-hover: var(--color-blue-600); - --color-background-secondary: var(--color-blue-500); - --color-background-primary-active: var(--color-red-950); - --color-background-primary-hover: var(--color-red-800); - --color-background-primary: var(--color-red-500); - --color-background-default: var(--color-white); + --button-dimension-radius: var(--radius-xs); + --button-dimension-padding-h: var(--spacing-md); + --button-dimension-padding-v: var(--spacing-xs); + --button-tertiary-bg-active: var(--alpha); + --button-tertiary-bg-hover: var(--alpha); + --button-tertiary-bg-default: var(--alpha); + --button-secondary-bg-active: var(--alpha); + --button-secondary-bg-hover: var(--alpha); + --button-secondary-bg-default: var(--alpha); + --color-text-inverse: var(--black); + --color-text-tertiary: var(--green-80); + --color-text-secondary: var(--acid-90); + --color-text-primary: var(--wall-60); + --color-text-default: var(--white); + --color-background-tertiary-active: var(--breeze-90); + --color-background-tertiary-hover: var(--breeze-80); + --color-background-tertiary: var(--breeze-60); + --color-background-secondary-active: var(--breeze-90); + --color-background-secondary-hover: var(--breeze-70); + --color-background-secondary: var(--breeze-60); + --color-background-primary-active: var(--eggplant-90); + --color-background-primary-hover: var(--eggplant-70); + --color-background-primary: var(--eggplant-60); + --color-background-default: var(--white); + --button-tertiary-fg-active: var(--color-background-tertiary-active); + --button-tertiary-fg-hover: var(--color-background-tertiary-hover); + --button-tertiary-foreground: var(--color-background-tertiary); --button-secondary-foreground: var(--color-background-secondary); --button-secondary-border-active: var(--color-background-secondary-active); --button-secondary-border-hover: var(--color-background-secondary-hover); diff --git a/tokens/design.tokens.json b/tokens/design.tokens.json index d4b9c43..35b855f 100644 --- a/tokens/design.tokens.json +++ b/tokens/design.tokens.json @@ -1,1672 +1,2949 @@ { - "global": { + "semantic": { "color": { - "red": { - "50": { - "type": "color", - "value": "#fff0f0", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2:8", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } - } - } - }, - "100": { + "background": { + "default": { "type": "color", - "value": "#ffdddd", + "value": "{global.white}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:9", + "codeSyntax": { + "WEB": "color-background" + }, + "variableId": "VariableID:38:3", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "200": { + "primary": { "type": "color", - "value": "#ffc0c0", + "value": "{global.eggplant.60}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:13", + "codeSyntax": { + "WEB": "color-background-primary" + }, + "variableId": "VariableID:38:6", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "300": { + "primary-hover": { "type": "color", - "value": "#ff9494", + "value": "{global.eggplant.70}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:14", + "codeSyntax": { + "WEB": "color-background-primary-hover" + }, + "variableId": "VariableID:40:2", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "400": { + "primary-active": { "type": "color", - "value": "#ff5757", + "value": "{global.eggplant.90}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:15", + "codeSyntax": { + "WEB": "color-background-primary-active" + }, + "variableId": "VariableID:40:3", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "500": { + "secondary": { "type": "color", - "value": "#ff2323", + "value": "{global.breeze.60}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:16", + "codeSyntax": { + "WEB": "color-background-secondary" + }, + "variableId": "VariableID:40:4", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "600": { + "secondary-hover": { "type": "color", - "value": "#ff0000", + "value": "{global.breeze.70}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:17", + "codeSyntax": { + "WEB": "color-background-secondary-hover" + }, + "variableId": "VariableID:40:5", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "700": { + "secondary-active": { "type": "color", - "value": "#d70000", + "value": "{global.breeze.90}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:18", + "codeSyntax": { + "WEB": "color-background-secondary-active" + }, + "variableId": "VariableID:40:6", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "800": { + "tertiary": { "type": "color", - "value": "#b10303", + "value": "{global.breeze.60}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:19", + "codeSyntax": { + "WEB": "color-background-tertiary" + }, + "variableId": "VariableID:40:7", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "900": { + "tertiary-hover": { "type": "color", - "value": "#920a0a", + "value": "{global.breeze.80}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:20", + "codeSyntax": { + "WEB": "color-background-tertiary-hover" + }, + "variableId": "VariableID:40:8", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "950": { + "tertiary-active": { "type": "color", - "value": "#500000", + "value": "{global.breeze.90}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:21", + "codeSyntax": { + "WEB": "color-background-tertiary-active" + }, + "variableId": "VariableID:40:9", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } } }, - "green": { - "50": { - "type": "color", - "value": "#e7ffe4", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2:22", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } - } - } - }, - "100": { + "text": { + "default": { "type": "color", - "value": "#c9ffc4", + "value": "{global.white}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:25", + "codeSyntax": { + "WEB": "color-text" + }, + "variableId": "VariableID:40:10", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "200": { + "primary": { "type": "color", - "value": "#98ff90", + "value": "{global.wall.60}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:26", + "codeSyntax": { + "WEB": "color-text-primary" + }, + "variableId": "VariableID:40:11", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "300": { + "secondary": { "type": "color", - "value": "#56ff50", + "value": "{global.acid.90}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:27", + "codeSyntax": { + "WEB": "color-text-secondary" + }, + "variableId": "VariableID:40:12", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "400": { + "tertiary": { "type": "color", - "value": "#00ff00", + "value": "{global.green.80}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:28", + "codeSyntax": { + "WEB": "color-text-tertiary" + }, + "variableId": "VariableID:40:13", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "500": { + "inverse": { "type": "color", - "value": "#00e606", + "value": "{global.black}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2:29", + "codeSyntax": { + "WEB": "color-text-inverse" + }, + "variableId": "VariableID:69:136", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } - }, - "600": { - "type": "color", - "value": "#00b809", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2:30", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + } + }, + "spacing": { + "xs": { + "type": "dimension", + "value": "12px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "spacing-xs" + }, + "variableId": "VariableID:62:11", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } - }, - "700": { - "type": "color", - "value": "#008b07", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2:31", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "md": { + "type": "dimension", + "value": "24px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "spacing-md" + }, + "variableId": "VariableID:62:12", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } - }, - "800": { - "type": "color", - "value": "#076d0d", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2:32", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "2xs": { + "type": "dimension", + "value": "8px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "spacing-xs" + }, + "variableId": "VariableID:8002:107", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } - }, - "900": { - "type": "color", - "value": "#0b5c11", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2:23", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "none": { + "type": "dimension", + "value": "0px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "spacing-xs" + }, + "variableId": "VariableID:8002:108", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } - }, - "950": { - "type": "color", - "value": "#003406", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2:24", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "lg": { + "type": "dimension", + "value": "48px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "spacing-md" + }, + "variableId": "VariableID:8002:109", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "black": { - "type": "color", - "value": "#000000", + "xl": { + "type": "dimension", + "value": "56px", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:14:2", + "codeSyntax": { + "WEB": "spacing-md" + }, + "variableId": "VariableID:8002:110", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "white": { - "type": "color", - "value": "#ffffff", + "2xl": { + "type": "dimension", + "value": "64px", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:14:3", + "codeSyntax": { + "WEB": "spacing-md" + }, + "variableId": "VariableID:8002:111", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } } }, - "teal": { - "50": { - "type": "color", - "value": "#f2f6f6", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:62:25", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + "sm": { + "type": "dimension", + "value": "16px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "spacing-xs" + }, + "variableId": "VariableID:8002:117", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } - }, - "100": { - "type": "color", - "value": "#e4eced", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:62:26", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + } + }, + "radius": { + "sm": { + "type": "dimension", + "value": "24px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "radius-base" + }, + "variableId": "VariableID:62:13", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } - }, - "200": { - "type": "color", - "value": "#c6d8d9", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:62:27", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "none": { + "type": "dimension", + "value": "0px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "radius-base" + }, + "variableId": "VariableID:8002:112", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } - }, - "300": { - "type": "color", - "value": "#a2c2c3", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:62:28", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "md": { + "type": "dimension", + "value": "32px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "radius-base" + }, + "variableId": "VariableID:8002:113", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" } } - }, - "400": { + } + }, + "lg": { + "type": "dimension", + "value": "48px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "radius-base" + }, + "variableId": "VariableID:8002:114", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" + } + } + } + }, + "super": { + "type": "dimension", + "value": "999px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "radius-base" + }, + "variableId": "VariableID:8002:115", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" + } + } + } + }, + "xs": { + "type": "dimension", + "value": "8px", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": { + "WEB": "radius-base" + }, + "variableId": "VariableID:8002:116", + "collection": { + "id": "VariableCollectionId:2:6", + "name": "semantic", + "defaultModeId": "2:2" + } + } + } + } + } + }, + "specific": { + "button": { + "primary": { + "bg-default": { "type": "color", - "value": "#73a9ab", + "value": "{semantic.color.background.primary}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:62:29", + "codeSyntax": { + "WEB": "button-primary-bg" + }, + "variableId": "VariableID:69:14", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "500": { + "bg-hover": { "type": "color", - "value": "#0f8b8e", + "value": "{semantic.color.background.primary-hover}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:62:30", + "codeSyntax": { + "WEB": "button-primary-bg-hover" + }, + "variableId": "VariableID:69:15", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "600": { + "bg-active": { "type": "color", - "value": "#0d7c7f", + "value": "{semantic.color.background.primary-active}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:62:31", + "codeSyntax": { + "WEB": "button-primary-bg-active" + }, + "variableId": "VariableID:69:16", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "700": { + "foreground": { "type": "color", - "value": "#0c6c6e", + "value": "{semantic.color.background.default}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:62:32", + "codeSyntax": { + "WEB": "button-primary-foreground" + }, + "variableId": "VariableID:69:17", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "800": { + "border-default": { "type": "color", - "value": "#09585a", + "value": "{semantic.color.background.primary}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:62:33", + "codeSyntax": { + "WEB": "button-primary-border" + }, + "variableId": "VariableID:77:5", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "900": { + "border-hover": { "type": "color", - "value": "#073e40", + "value": "{semantic.color.background.primary-hover}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:62:34", + "codeSyntax": { + "WEB": "button-primary-border-hover" + }, + "variableId": "VariableID:77:6", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "950": { + "border-active": { "type": "color", - "value": "#022f31", + "value": "{semantic.color.background.primary-active}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:62:35", + "codeSyntax": { + "WEB": "button-primary-border-active" + }, + "variableId": "VariableID:77:7", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } } }, - "alpha": { - "type": "color", - "value": "#ffffff00", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:72:2", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } - } - } - }, - "blue": { - "50": { + "secondary": { + "border-default": { "type": "color", - "value": "#f2f2f7", + "value": "{semantic.color.background.secondary}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:89:2", + "codeSyntax": { + "WEB": "button-secondary-border" + }, + "variableId": "VariableID:69:63", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "100": { + "border-hover": { "type": "color", - "value": "#e5e5ef", + "value": "{semantic.color.background.secondary-hover}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:89:3", + "codeSyntax": { + "WEB": "button-secondary-border-hover" + }, + "variableId": "VariableID:69:64", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "200": { + "border-active": { "type": "color", - "value": "#c8c8df", + "value": "{semantic.color.background.secondary-active}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:89:4", + "codeSyntax": { + "WEB": "button-secondary-border-active" + }, + "variableId": "VariableID:69:65", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "300": { + "foreground": { "type": "color", - "value": "#a6a6cc", + "value": "{semantic.color.background.secondary}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:89:5", + "codeSyntax": { + "WEB": "button-secondary-foreground" + }, + "variableId": "VariableID:69:66", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "400": { + "bg-default": { "type": "color", - "value": "#7b7bb8", + "value": "{global.alpha}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:89:6", + "codeSyntax": { + "WEB": "button-secondary-bg" + }, + "variableId": "VariableID:77:2", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "500": { + "bg-hover": { "type": "color", - "value": "#3333a2", + "value": "{global.alpha}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:89:7", + "codeSyntax": { + "WEB": "button-secondary-bg-hover" + }, + "variableId": "VariableID:77:3", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "600": { + "bg-active": { "type": "color", - "value": "#2e2e91", + "value": "{global.alpha}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:89:8", + "codeSyntax": { + "WEB": "button-secondary-bg-active" + }, + "variableId": "VariableID:77:4", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } - }, - "700": { + } + }, + "tertiary": { + "foreground": { "type": "color", - "value": "#28287d", + "value": "{semantic.color.background.tertiary}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:89:9", + "codeSyntax": { + "WEB": "button-secondary-foreground" + }, + "variableId": "VariableID:8002:146", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "800": { + "bg-default": { "type": "color", - "value": "#202066", + "value": "{global.alpha}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:89:10", + "codeSyntax": { + "WEB": "button-secondary-bg" + }, + "variableId": "VariableID:8002:147", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "900": { + "bg-hover": { "type": "color", - "value": "#171748", + "value": "{global.alpha}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:89:11", + "codeSyntax": { + "WEB": "button-secondary-bg-hover" + }, + "variableId": "VariableID:8002:148", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "950": { + "bg-active": { "type": "color", - "value": "#0a0a2c", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:89:12", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } - } - } - } - } - }, - "typography": { - "font-size": { - "0": { - "type": "dimension", - "value": "96px", + "value": "{global.alpha}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2001:26", + "codeSyntax": { + "WEB": "button-secondary-bg-active" + }, + "variableId": "VariableID:8002:149", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "1": { - "type": "dimension", - "value": "60px", + "fg-hover": { + "type": "color", + "value": "{semantic.color.background.tertiary-hover}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2001:27", + "codeSyntax": { + "WEB": "button-secondary-border-hover" + }, + "variableId": "VariableID:8002:151", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "2": { - "type": "dimension", - "value": "48px", + "fg-active": { + "type": "color", + "value": "{semantic.color.background.tertiary-active}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2001:28", + "codeSyntax": { + "WEB": "button-secondary-border-active" + }, + "variableId": "VariableID:8002:152", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } - }, - "3": { + } + }, + "dimension": { + "padding-v": { "type": "dimension", - "value": "34px", + "value": "{semantic.spacing.xs}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2001:29", + "codeSyntax": {}, + "variableId": "VariableID:8002:156", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "4": { + "padding-h": { "type": "dimension", - "value": "24px", + "value": "{semantic.spacing.md}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2001:30", + "codeSyntax": {}, + "variableId": "VariableID:8002:157", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } }, - "5": { + "radius": { "type": "dimension", - "value": "20px", + "value": "{semantic.radius.xs}", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:2001:31", + "codeSyntax": {}, + "variableId": "VariableID:8002:158", "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" + "id": "VariableCollectionId:2:7", + "name": "specific", + "defaultModeId": "2:3" } } } - }, - "6": { - "type": "dimension", - "value": "16px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:32", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + } + } + }, + "global": { + "eggplant": { + "10": { + "type": "color", + "value": "#f7f2f4", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:4", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "7": { - "type": "dimension", - "value": "14px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:33", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } - } - } - }, - "8": { - "type": "dimension", - "value": "12px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:34", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "20": { + "type": "color", + "value": "#eee4e9", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:5", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } } }, - "font-weight": { - "medium": { - "type": "dimension", - "value": "500px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:35", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + "30": { + "type": "color", + "value": "#dcc6d0", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:6", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "bold": { - "type": "dimension", - "value": "700px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:36", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "40": { + "type": "color", + "value": "#c8a1b4", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:7", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "regular": { - "type": "dimension", - "value": "400px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:37", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "50": { + "type": "color", + "value": "#b27292", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:8", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } } }, - "line-height": { - "0": { - "type": "dimension", - "value": "112px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:38", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + "60": { + "type": "color", + "value": "#990066", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:9", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "1": { - "type": "dimension", - "value": "72px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:39", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "70": { + "type": "color", + "value": "#89005b", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:10", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "2": { - "type": "dimension", - "value": "56px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:40", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "80": { + "type": "color", + "value": "#77004f", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:11", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "3": { - "type": "dimension", - "value": "42px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:41", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "90": { + "type": "color", + "value": "#610041", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:12", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "4": { - "type": "dimension", - "value": "32px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:42", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "100": { + "type": "color", + "value": "#44002e", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:13", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "5": { - "type": "dimension", - "value": "28px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:43", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + } + }, + "breeze": { + "10": { + "type": "color", + "value": "#f2f6f7", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:24", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "6": { - "type": "dimension", - "value": "22px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:44", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "20": { + "type": "color", + "value": "#e4ecee", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:25", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "7": { - "type": "dimension", - "value": "24px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:45", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "30": { + "type": "color", + "value": "#c6d7dc", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:26", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "8": { - "type": "dimension", - "value": "21px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:46", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "40": { + "type": "color", + "value": "#a1c0c8", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:27", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "9": { - "type": "dimension", - "value": "20px", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:47", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + } + }, + "50": { + "type": "color", + "value": "#72a6b2", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:28", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } } }, - "font-family": { - "DM Sans": { - "type": "string", - "value": "DM Sans", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:2001:48", - "collection": { - "id": "VariableCollectionId:2:2", - "name": "global", - "defaultModeId": "2:0" - } + "60": { + "type": "color", + "value": "#008799", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:29", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } } - } - } - }, - "semantic": { - "color": { - "background": { - "default": { - "type": "color", - "value": "{global.color.white}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:38:3", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + }, + "70": { + "type": "color", + "value": "#007989", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:30", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "80": { + "type": "color", + "value": "#006977", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:31", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "90": { + "type": "color", + "value": "#005561", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:32", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "100": { + "type": "color", + "value": "#003c44", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:33", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + } + }, + "wall": { + "10": { + "type": "color", + "value": "#f7f2f2", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:34", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "20": { + "type": "color", + "value": "#eee4e4", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:35", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "30": { + "type": "color", + "value": "#dcc6c6", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:36", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "40": { + "type": "color", + "value": "#c8a1a2", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:37", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "50": { + "type": "color", + "value": "#b27273", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:38", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "60": { + "type": "color", + "value": "#990011", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:39", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "70": { + "type": "color", + "value": "#89000f", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:40", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "80": { + "type": "color", + "value": "#77000d", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:41", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "90": { + "type": "color", + "value": "#61000b", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:42", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "100": { + "type": "color", + "value": "#440008", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:43", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + } + }, + "yellow": { + "10": { + "type": "color", + "value": "#fef8f2", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:44", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "20": { + "type": "color", + "value": "#fef2e4", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:45", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "30": { + "type": "color", + "value": "#fde3c6", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:46", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "40": { + "type": "color", + "value": "#fbd4a1", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:47", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "50": { + "type": "color", + "value": "#fac472", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:48", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "60": { + "type": "color", + "value": "#f9b200", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:49", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "70": { + "type": "color", + "value": "#df9f00", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:50", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "80": { + "type": "color", + "value": "#c18a00", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:51", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "90": { + "type": "color", + "value": "#9d7100", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:52", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "100": { + "type": "color", + "value": "#6f5000", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:53", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + } + }, + "lightBlue": { + "10": { + "type": "color", + "value": "#f2f7fe", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:54", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "20": { + "type": "color", + "value": "#e4f0fe", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:55", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "30": { + "type": "color", + "value": "#c6dffd", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:56", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "40": { + "type": "color", + "value": "#a1cdfb", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:57", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "50": { + "type": "color", + "value": "#72bafa", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:58", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "60": { + "type": "color", + "value": "#00a4f9", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:59", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "70": { + "type": "color", + "value": "#0093df", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:60", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "80": { + "type": "color", + "value": "#007fc1", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:61", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "90": { + "type": "color", + "value": "#00689d", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:62", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "100": { + "type": "color", + "value": "#00496f", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:63", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + } + }, + "blue": { + "10": { + "type": "color", + "value": "#f3f5f8", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:64", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "20": { + "type": "color", + "value": "#e6eaf1", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:65", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "30": { + "type": "color", + "value": "#c9d2e1", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:66", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "40": { + "type": "color", + "value": "#a8b8d1", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:67", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "50": { + "type": "color", + "value": "#7e99bf", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:68", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "60": { + "type": "color", + "value": "#3d72ab", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:69", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "70": { + "type": "color", + "value": "#376699", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:70", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "80": { + "type": "color", + "value": "#2f5884", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:71", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "90": { + "type": "color", + "value": "#27486c", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:72", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "100": { + "type": "color", + "value": "#1b334c", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:73", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + } + }, + "brown": { + "10": { + "type": "color", + "value": "#f8f4f3", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:74", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "20": { + "type": "color", + "value": "#f1e7e6", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:75", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "30": { + "type": "color", + "value": "#e1cdc9", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:76", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "40": { + "type": "color", + "value": "#d1afa8", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:77", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "50": { + "type": "color", + "value": "#bf8b7f", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:78", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "60": { + "type": "color", + "value": "#ab583e", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:79", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "70": { + "type": "color", + "value": "#994f37", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:80", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "80": { + "type": "color", + "value": "#844430", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:81", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "90": { + "type": "color", + "value": "#6c3827", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:82", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "100": { + "type": "color", + "value": "#4c271c", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:83", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + } + }, + "green": { + "10": { + "type": "color", + "value": "#f3f8f4", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:84", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "primary": { - "type": "color", - "value": "{global.color.red.500}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:38:6", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + }, + "20": { + "type": "color", + "value": "#e6f1e9", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:85", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "primary-hover": { - "type": "color", - "value": "{global.color.red.800}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:2", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + }, + "30": { + "type": "color", + "value": "#c9e1d0", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:86", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "primary-active": { - "type": "color", - "value": "{global.color.red.950}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:3", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + }, + "40": { + "type": "color", + "value": "#a8d1b5", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:87", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "secondary": { - "type": "color", - "value": "{global.color.blue.500}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:4", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + }, + "50": { + "type": "color", + "value": "#7fbf94", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:88", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "secondary-hover": { - "type": "color", - "value": "{global.color.blue.600}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:5", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + }, + "60": { + "type": "color", + "value": "#3eab69", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:89", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "secondary-active": { - "type": "color", - "value": "{global.color.blue.800}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:6", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + }, + "70": { + "type": "color", + "value": "#37995e", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:90", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "tertiary": { - "type": "color", - "value": "{global.color.blue.700}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:7", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + }, + "80": { + "type": "color", + "value": "#308451", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:91", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "90": { + "type": "color", + "value": "#276c42", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:92", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "100": { + "type": "color", + "value": "#1c4c2f", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:93", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + } + }, + "cyan": { + "10": { + "type": "color", + "value": "#f2fdfd", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:94", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "20": { + "type": "color", + "value": "#e5fbfc", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:95", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "30": { + "type": "color", + "value": "#c8f7f8", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:96", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "40": { + "type": "color", + "value": "#a6f3f5", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:97", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "50": { + "type": "color", + "value": "#7aeff1", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:98", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "60": { + "type": "color", + "value": "#30ebee", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:99", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "70": { + "type": "color", + "value": "#2bd2d5", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:100", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "tertiary-hover": { - "type": "color", - "value": "{global.color.blue.800}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:8", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + }, + "80": { + "type": "color", + "value": "#25b6b8", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:101", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "tertiary-active": { - "type": "color", - "value": "{global.color.blue.950}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:9", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + }, + "90": { + "type": "color", + "value": "#1e9597", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:102", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } } }, - "text": { - "default": { - "type": "color", - "value": "{global.color.white}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:10", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + "100": { + "type": "color", + "value": "#15696a", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:103", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "primary": { - "type": "color", - "value": "{global.color.red.600}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:11", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } - } + } + } + }, + "black": { + "type": "color", + "value": "#212121", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:104", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } - }, - "secondary": { - "type": "color", - "value": "{global.color.green.400}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:12", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + } + }, + "white": { + "type": "color", + "value": "#ffffff", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:105", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "alpha": { + "type": "color", + "value": "#ffffff00", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8002:106", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" + } + } + } + }, + "acid": { + "10": { + "type": "color", + "value": "#fbfff3", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4511", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "tertiary": { - "type": "color", - "value": "{global.color.blue.800}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:40:13", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + }, + "20": { + "type": "color", + "value": "#f7ffe6", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4512", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "inverse": { - "type": "color", - "value": "{global.color.black}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:69:136", - "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" - } + } + }, + "30": { + "type": "color", + "value": "#efffc9", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4513", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } } - } - }, - "spacing": { - "xs": { - "type": "dimension", - "value": "12px", + }, + "40": { + "type": "color", + "value": "#e6ffa8", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:62:11", + "codeSyntax": {}, + "variableId": "VariableID:8003:4514", "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } } }, - "md": { - "type": "dimension", - "value": "24px", + "50": { + "type": "color", + "value": "#ddff7f", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:62:12", + "codeSyntax": {}, + "variableId": "VariableID:8003:4515", "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } } - } - }, - "radius": { - "base": { - "type": "dimension", - "value": "12px", + }, + "60": { + "type": "color", + "value": "#d4ff3e", "description": "", "$extensions": { "mode": {}, "figma": { - "variableId": "VariableID:62:13", + "codeSyntax": {}, + "variableId": "VariableID:8003:4516", "collection": { - "id": "VariableCollectionId:2:6", - "name": "semantic", - "defaultModeId": "2:2" + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } } - } - } - }, - "specific": { - "button": { - "primary": { - "bg-default": { - "type": "color", - "value": "{semantic.color.background.primary}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:69:14", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + }, + "70": { + "type": "color", + "value": "#bee437", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4517", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "bg-hover": { - "type": "color", - "value": "{semantic.color.background.primary-hover}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:69:15", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + }, + "80": { + "type": "color", + "value": "#a4c630", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4518", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "bg-active": { - "type": "color", - "value": "{semantic.color.background.primary-active}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:69:16", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + }, + "90": { + "type": "color", + "value": "#86a127", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4519", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "foreground": { - "type": "color", - "value": "{semantic.color.background.default}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:69:17", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + }, + "100": { + "type": "color", + "value": "#5f721c", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4520", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "border-default": { - "type": "color", - "value": "{semantic.color.background.primary}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:77:5", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + } + }, + "pink": { + "10": { + "type": "color", + "value": "#fef6fe", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4521", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "border-hover": { - "type": "color", - "value": "{semantic.color.background.primary-hover}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:77:6", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + }, + "20": { + "type": "color", + "value": "#fdecfd", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4522", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "border-active": { - "type": "color", - "value": "{semantic.color.background.primary-active}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:77:7", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + }, + "30": { + "type": "color", + "value": "#fbd8fa", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4523", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } } }, - "secondary": { - "border-default": { - "type": "color", - "value": "{semantic.color.background.secondary}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:69:63", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + "40": { + "type": "color", + "value": "#fac1f8", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4524", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "border-hover": { - "type": "color", - "value": "{semantic.color.background.secondary-hover}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:69:64", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + }, + "50": { + "type": "color", + "value": "#f8a8f5", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4525", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "border-active": { - "type": "color", - "value": "{semantic.color.background.secondary-active}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:69:65", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + }, + "60": { + "type": "color", + "value": "#f68af3", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4526", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "foreground": { - "type": "color", - "value": "{semantic.color.background.secondary}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:69:66", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + }, + "70": { + "type": "color", + "value": "#dc7bd9", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4527", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "bg-default": { - "type": "color", - "value": "{global.color.alpha}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:77:2", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + }, + "80": { + "type": "color", + "value": "#bf6bbc", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4528", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "bg-hover": { - "type": "color", - "value": "{global.color.alpha}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:77:3", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + }, + "90": { + "type": "color", + "value": "#9c579a", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4529", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } - }, - "bg-active": { - "type": "color", - "value": "{global.color.alpha}", - "description": "", - "$extensions": { - "mode": {}, - "figma": { - "variableId": "VariableID:77:4", - "collection": { - "id": "VariableCollectionId:2:7", - "name": "specific", - "defaultModeId": "2:3" - } + } + }, + "100": { + "type": "color", + "value": "#6e3e6d", + "description": "", + "$extensions": { + "mode": {}, + "figma": { + "codeSyntax": {}, + "variableId": "VariableID:8003:4530", + "collection": { + "id": "VariableCollectionId:8002:3", + "name": "global", + "defaultModeId": "8002:0" } } } @@ -1678,11 +2955,11 @@ "useDTCGKeys": false, "colorMode": "hex", "variableCollections": [ - "global", "semantic", - "specific" + "specific", + "global" ], - "createdAt": "2024-09-20T16:27:45.402Z" + "createdAt": "2025-01-22T09:10:33.178Z" } } } \ No newline at end of file