{ "color": { "background": { "page-background": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1280", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-page-background" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1283", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53777:706", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8470588326454163, 0.9529411792755127, 0.9254902005195618 ], "alpha": 1, "hex": "#D8F3EC" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11711", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:e9a6135d08f7d5e6c7a2eadb5a424244670c9a3a/5552:1441", "targetVariableName": "dnb/coldgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:53777:708", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.7372549176216125, 0.9098039269447327, 0.8627451062202454 ], "alpha": 1, "hex": "#BCE8DC" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11713", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:678ab3e2c594804877461365d853f80e638a7ac2/5552:1440", "targetVariableName": "dnb/coldgreen/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.15360000729560852, 0.41471999883651733, 0.8064000010490417 ], "alpha": 1, "hex": "#276ACE" }, "$extensions": { "com.figma.variableId": "VariableID:53837:2187", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-focus" }, "com.figma.aliasData": { "targetVariableId": "VariableID:33c7740ba59394f9128151bc91acebaf6cc6e226/5552:1638", "targetVariableName": "dnb/blue/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8823529481887817, 0.9137254953384399, 0.9764705896377563 ], "alpha": 1, "hex": "#E1E9F9" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11716", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-focus-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:30d59e3587135b4eefd312e8ebd93665586c8fdb/5552:1635", "targetVariableName": "dnb/blue/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:53837:4986", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-disabled" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:13725", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17036", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.007843137718737125, 0.2235294133424759, 0.2235294133424759 ], "alpha": 1, "hex": "#023939" }, "$extensions": { "com.figma.variableId": "VariableID:56487:17069", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-subtle-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:574fb13650143fec2ede94ff03d0ec47f611df7d/5552:1434", "targetVariableName": "dnb/coldgreen/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-subtle-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:56487:17070", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-subtle-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11718", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56032:1390", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0313725508749485, 0.2705882489681244, 0.3019607961177826 ], "alpha": 1, "hex": "#08454D" }, "$extensions": { "com.figma.variableId": "VariableID:55977:3792", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-hover-subtle-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:fbee9093c6a2b41c73a2df7ae8c89643080aabe5/5552:1436", "targetVariableName": "dnb/coldgreen/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$extensions": { "com.figma.variableId": "VariableID:55892:2104", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:55977:3877", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-pressed-subtle-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.2823529541492462, 0.2823529541492462, 0.29019609093666077 ], "alpha": 1, "hex": "#48484A" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1906", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-disabled-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:27e40ae1cb0ebb30b1528d97e6689669d30ddc48/5552:1657", "targetVariableName": "dnb/greyscale/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.5568627715110779, 0.5568627715110779, 0.5764706134796143 ], "alpha": 1, "hex": "#8E8E93" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11719", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-alternative" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ea9bcdf614811b28de8e9e371def14e169936ccb/5552:1660", "targetVariableName": "dnb/greyscale/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.9215686321258545, 0.9215686321258545 ], "alpha": 1, "hex": "#EBEBEB" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11722", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-action-alternative-hover-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d1d1f864154f34329a870d96ce84c1a6d78ec2ef/5552:1663", "targetVariableName": "dnb/greyscale/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0313725508749485, 0.2705882489681244, 0.3019607961177826 ], "alpha": 1, "hex": "#08454D" }, "$extensions": { "com.figma.variableId": "VariableID:53718:716", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected" }, "com.figma.aliasData": { "targetVariableId": "VariableID:fbee9093c6a2b41c73a2df7ae8c89643080aabe5/5552:1436", "targetVariableName": "dnb/coldgreen/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8941176533699036, 0.9333333373069763, 0.843137264251709 ], "alpha": 1, "hex": "#E4EED7" }, "$extensions": { "com.figma.variableId": "VariableID:55036:11723", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:486db807f238c98dc8572df54538ffcd70408569/5552:1565", "targetVariableName": "dnb/warmgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8470588326454163, 0.9529411792755127, 0.9254902005195618 ], "alpha": 1, "hex": "#D8F3EC" }, "$extensions": { "com.figma.variableId": "VariableID:56059:1727", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:e9a6135d08f7d5e6c7a2eadb5a424244670c9a3a/5552:1441", "targetVariableName": "dnb/coldgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.05098039284348488, 0.27450981736183167, 0.21568627655506134 ], "alpha": 1, "hex": "#0D4637" }, "$extensions": { "com.figma.variableId": "VariableID:56059:1728", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-selected-subtle-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:18ee9796e97e12b0ccabcf41e6a3bb7c621bb11f/5552:1573", "targetVariableName": "dnb/green/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1287", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1289", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9725490212440491, 0.9725490212440491, 0.9725490212440491 ], "alpha": 1, "hex": "#F8F8F8" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1290", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:10cd172140cfac4ebfffefd88002d7fdc3cbec89/5552:1664", "targetVariableName": "dnb/greyscale/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-base": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.9215686321258545, 0.9215686321258545 ], "alpha": 1, "hex": "#EBEBEB" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1294", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-base" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d1d1f864154f34329a870d96ce84c1a6d78ec2ef/5552:1663", "targetVariableName": "dnb/greyscale/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-bold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:55045:37606", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-bold" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.9490196108818054, 0.9607843160629272 ], "alpha": 1, "hex": "#F2F2F5" }, "$extensions": { "com.figma.variableId": "VariableID:53837:4987", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-neutral-alternative" }, "com.figma.aliasData": { "targetVariableId": "VariableID:76c5e004e15557cb32d2d1cbcb7e7c88584d57ac/5552:1636", "targetVariableName": "dnb/blue/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "info": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1302", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-info" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "info-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.95686274766922, 0.9254902005195618 ], "alpha": 1, "hex": "#F2F4EC" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1304", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-info-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6d7183c0d54d696c175872f599a3f73f2c7a6cb0/5552:1566", "targetVariableName": "dnb/warmgreen/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.48235294222831726, 0.3686274588108063], "alpha": 1, "hex": "#007B5E" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1296", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-positive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a34ae85d1fa46131e7aa1e27270d2985b08de73/5552:1575", "targetVariableName": "dnb/green/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.95686274766922, 0.9490196108818054 ], "alpha": 1, "hex": "#EBF4F2" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1299", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-positive-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:19fd7218a6732a10a73bc5590cecb0b36b46b9f0/5552:1582", "targetVariableName": "dnb/green/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "warning": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9921568632125854, 0.7333333492279053, 0.1921568661928177 ], "alpha": 1, "hex": "#FDBB31" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1307", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-warning" }, "com.figma.aliasData": { "targetVariableId": "VariableID:9973a65cf0f54c691333f0cc68e4491ac3c53fb2/5552:1612", "targetVariableName": "dnb/yellow/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "warning-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9843137264251709, 0.9647058844566345, 0.9254902005195618 ], "alpha": 1, "hex": "#FBF6EC" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1310", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-warning-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:a99817a2fcef40289dfee3b4256cb827f8fc2d45/5552:1617", "targetVariableName": "dnb/yellow/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "error": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1313", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-error" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "error-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9882352948188782, 0.9333333373069763, 0.9333333373069763 ], "alpha": 1, "hex": "#FCEEEE" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1318", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-error-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d17859db5d6e1250078a52e441983869e719480f/5552:1594", "targetVariableName": "dnb/red/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "marketing": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1324", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-marketing" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "marketing-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.9490196108818054, 0.9607843160629272 ], "alpha": 1, "hex": "#F2F2F5" }, "$extensions": { "com.figma.variableId": "VariableID:55036:19893", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-background-marketing-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:76c5e004e15557cb32d2d1cbcb7e7c88584d57ac/5552:1636", "targetVariableName": "dnb/blue/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "text": { "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1327", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53785:923", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:53785:924", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.15360000729560852, 0.41471999883651733, 0.8064000010490417 ], "alpha": 1, "hex": "#276ACE" }, "$extensions": { "com.figma.variableId": "VariableID:53777:721", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-focus" }, "com.figma.aliasData": { "targetVariableId": "VariableID:33c7740ba59394f9128151bc91acebaf6cc6e226/5552:1638", "targetVariableName": "dnb/blue/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:53785:925", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-disabled" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1328", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17057", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-hover-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17062", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-pressed-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0313725508749485, 0.2705882489681244, 0.3019607961177826 ], "alpha": 1, "hex": "#08454D" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1331", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-selected" }, "com.figma.aliasData": { "targetVariableId": "VariableID:fbee9093c6a2b41c73a2df7ae8c89643080aabe5/5552:1436", "targetVariableName": "dnb/coldgreen/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1344", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1118", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-hover-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1120", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-pressed-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.5568627715110779, 0.5568627715110779, 0.5764706134796143 ], "alpha": 1, "hex": "#8E8E93" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1907", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-disabled-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ea9bcdf614811b28de8e9e371def14e169936ccb/5552:1660", "targetVariableName": "dnb/greyscale/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53777:722", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-action-alternative-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1316", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-neutral" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-onlight": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:57035:13480", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-neutral-onlight" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.45098039507865906, 0.45098039507865906, 0.45098039507865906 ], "alpha": 1, "hex": "#737373" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1318", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-neutral-alternative" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f036ba9eb768742f5ba961410ea18895a917ae78/5552:1659", "targetVariableName": "dnb/greyscale/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1321", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-neutral-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1322", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-neutral-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1324", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-neutral-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-subtle-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1326", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-neutral-subtle-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "destructive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1328", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-destructive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "destructive-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 0.3294117748737335, 0], "alpha": 1, "hex": "#FF5400" }, "$extensions": { "com.figma.variableId": "VariableID:56524:87730", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-destructive-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:e09fd7635beb464bb1e2eb1f639502bde2c2b34a/5552:1599", "targetVariableName": "dnb/orange/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "warning": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.501960813999176, 0.35686275362968445, 0.054901961237192154 ], "alpha": 1, "hex": "#805B0E" }, "$extensions": { "com.figma.variableId": "VariableID:54378:4457", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-warning" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d241b8c9d26c8762b63935d61eea8e57da4ddf18/5552:1609", "targetVariableName": "dnb/yellow/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "warning-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9921568632125854, 0.7333333492279053, 0.1921568661928177 ], "alpha": 1, "hex": "#FDBB31" }, "$extensions": { "com.figma.variableId": "VariableID:56524:87731", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-warning-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:9973a65cf0f54c691333f0cc68e4491ac3c53fb2/5552:1612", "targetVariableName": "dnb/yellow/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.48235294222831726, 0.3686274588108063], "alpha": 1, "hex": "#007B5E" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1330", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-positive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a34ae85d1fa46131e7aa1e27270d2985b08de73/5552:1575", "targetVariableName": "dnb/green/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.1568627506494522, 0.7058823704719543, 0.5098039507865906 ], "alpha": 1, "hex": "#28B482" }, "$extensions": { "com.figma.variableId": "VariableID:56524:87732", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-text-positive-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:8d8b47b2b123e1abae441977c30b93d42b482ce1/5552:1576", "targetVariableName": "dnb/green/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "icon": { "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1332", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53780:723", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:53780:724", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.15360000729560852, 0.41471999883651733, 0.8064000010490417 ], "alpha": 1, "hex": "#276ACE" }, "$extensions": { "com.figma.variableId": "VariableID:53780:725", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-focus" }, "com.figma.aliasData": { "targetVariableId": "VariableID:33c7740ba59394f9128151bc91acebaf6cc6e226/5552:1638", "targetVariableName": "dnb/blue/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:53785:929", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-disabled" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1333", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17059", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-hover-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17060", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-pressed-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0313725508749485, 0.2705882489681244, 0.3019607961177826 ], "alpha": 1, "hex": "#08454D" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1334", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-selected" }, "com.figma.aliasData": { "targetVariableId": "VariableID:fbee9093c6a2b41c73a2df7ae8c89643080aabe5/5552:1436", "targetVariableName": "dnb/coldgreen/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8470588326454163, 0.9529411792755127, 0.9254902005195618 ], "alpha": 1, "hex": "#D8F3EC" }, "$extensions": { "com.figma.variableId": "VariableID:56059:1726", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-selected-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:e9a6135d08f7d5e6c7a2eadb5a424244670c9a3a/5552:1441", "targetVariableName": "dnb/coldgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:53696:1314", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:56059:1902", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-alternative-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1119", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-hover-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1121", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-pressed-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.5568627715110779, 0.5568627715110779, 0.5764706134796143 ], "alpha": 1, "hex": "#8E8E93" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1908", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-action-disabled-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ea9bcdf614811b28de8e9e371def14e169936ccb/5552:1660", "targetVariableName": "dnb/greyscale/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1335", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-neutral" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:62150:16166", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-neutral-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1337", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-neutral-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1338", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-neutral-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.45098039507865906, 0.45098039507865906, 0.45098039507865906 ], "alpha": 1, "hex": "#737373" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1340", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-neutral-alternative" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f036ba9eb768742f5ba961410ea18895a917ae78/5552:1659", "targetVariableName": "dnb/greyscale/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "destructive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:53690:1341", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-destructive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "info": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:62150:1993", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-info" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "info-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.95686274766922, 0.9254902005195618 ], "alpha": 1, "hex": "#F2F4EC" }, "$extensions": { "com.figma.variableId": "VariableID:62150:1990", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-info-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6d7183c0d54d696c175872f599a3f73f2c7a6cb0/5552:1566", "targetVariableName": "dnb/warmgreen/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.48235294222831726, 0.3686274588108063], "alpha": 1, "hex": "#007B5E" }, "$extensions": { "com.figma.variableId": "VariableID:62150:1988", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-positive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a34ae85d1fa46131e7aa1e27270d2985b08de73/5552:1575", "targetVariableName": "dnb/green/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.95686274766922, 0.9490196108818054 ], "alpha": 1, "hex": "#EBF4F2" }, "$extensions": { "com.figma.variableId": "VariableID:62150:1987", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-positive-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:19fd7218a6732a10a73bc5590cecb0b36b46b9f0/5552:1582", "targetVariableName": "dnb/green/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "warning": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9921568632125854, 0.7333333492279053, 0.1921568661928177 ], "alpha": 1, "hex": "#FDBB31" }, "$extensions": { "com.figma.variableId": "VariableID:62150:1992", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-warning" }, "com.figma.aliasData": { "targetVariableId": "VariableID:9973a65cf0f54c691333f0cc68e4491ac3c53fb2/5552:1612", "targetVariableName": "dnb/yellow/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "warning-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9843137264251709, 0.9647058844566345, 0.9254902005195618 ], "alpha": 1, "hex": "#FBF6EC" }, "$extensions": { "com.figma.variableId": "VariableID:62150:1986", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-warning-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:a99817a2fcef40289dfee3b4256cb827f8fc2d45/5552:1617", "targetVariableName": "dnb/yellow/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "error": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:62150:1989", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-error" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "error-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9882352948188782, 0.9333333373069763, 0.9333333373069763 ], "alpha": 1, "hex": "#FCEEEE" }, "$extensions": { "com.figma.variableId": "VariableID:62150:1991", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-error-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d17859db5d6e1250078a52e441983869e719480f/5552:1594", "targetVariableName": "dnb/red/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "marketing": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:53684:1321", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-marketing" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "marketing-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.9490196108818054, 0.9607843160629272 ], "alpha": 1, "hex": "#F2F2F5" }, "$extensions": { "com.figma.variableId": "VariableID:62150:1985", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-icon-marketing-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:76c5e004e15557cb32d2d1cbcb7e7c88584d57ac/5552:1636", "targetVariableName": "dnb/blue/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "stroke": { "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53718:712", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.5568627715110779, 0.5568627715110779, 0.5764706134796143 ], "alpha": 1, "hex": "#8E8E93" }, "$extensions": { "com.figma.variableId": "VariableID:55036:12503", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-alternative" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ea9bcdf614811b28de8e9e371def14e169936ccb/5552:1660", "targetVariableName": "dnb/greyscale/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53780:726", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:53780:727", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:55887:6980", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17064", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-hover-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17063", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-pressed-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.15360000729560852, 0.41471999883651733, 0.8064000010490417 ], "alpha": 1, "hex": "#276ACE" }, "$extensions": { "com.figma.variableId": "VariableID:53785:729", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-focus" }, "com.figma.aliasData": { "targetVariableId": "VariableID:33c7740ba59394f9128151bc91acebaf6cc6e226/5552:1638", "targetVariableName": "dnb/blue/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-focus-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8823529481887817, 0.9137254953384399, 0.9764705896377563 ], "alpha": 1, "hex": "#E1E9F9" }, "$extensions": { "com.figma.variableId": "VariableID:55036:12504", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-focus-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:30d59e3587135b4eefd312e8ebd93665586c8fdb/5552:1635", "targetVariableName": "dnb/blue/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6941176652908325, 0.6941176652908325, 0.7098039388656616 ], "alpha": 1, "hex": "#B1B1B5" }, "$extensions": { "com.figma.variableId": "VariableID:53785:931", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-disabled" }, "com.figma.aliasData": { "targetVariableId": "VariableID:5ba36e97a7d08733de5ced82d4b9bd6501cc9a5e/5552:1661", "targetVariableName": "dnb/greyscale/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0313725508749485, 0.2705882489681244, 0.3019607961177826 ], "alpha": 1, "hex": "#08454D" }, "$extensions": { "com.figma.variableId": "VariableID:53718:714", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-selected" }, "com.figma.aliasData": { "targetVariableId": "VariableID:fbee9093c6a2b41c73a2df7ae8c89643080aabe5/5552:1436", "targetVariableName": "dnb/coldgreen/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8470588326454163, 0.9529411792755127, 0.9254902005195618 ], "alpha": 1, "hex": "#D8F3EC" }, "$extensions": { "com.figma.variableId": "VariableID:56059:1725", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-selected-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:e9a6135d08f7d5e6c7a2eadb5a424244670c9a3a/5552:1441", "targetVariableName": "dnb/coldgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:55036:12973", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-alternative-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:56059:1917", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-alternative-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:55887:6981", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-hover-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-pressed-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.3607843220233917, 0.7411764860153198, 0.6784313917160034 ], "alpha": 1, "hex": "#5CBDAD" }, "$extensions": { "com.figma.variableId": "VariableID:55887:6982", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-pressed-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f9de36361eb570a086c2016c7317ffadc5416512/5552:1439", "targetVariableName": "dnb/coldgreen/400", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.38823530077934265, 0.38823530077934265, 0.4000000059604645 ], "alpha": 1, "hex": "#636366" }, "$extensions": { "com.figma.variableId": "VariableID:55872:1909", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-action-disabled-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ebbbb6f188615e5e8e17cefa252402b28ea9e388/5552:1658", "targetVariableName": "dnb/greyscale/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:53718:718", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-neutral" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:53718:719", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-neutral-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9215686321258545, 0.9215686321258545, 0.9215686321258545 ], "alpha": 1, "hex": "#EBEBEB" }, "$extensions": { "com.figma.variableId": "VariableID:53718:720", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-neutral-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d1d1f864154f34329a870d96ce84c1a6d78ec2ef/5552:1663", "targetVariableName": "dnb/greyscale/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-bold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:55045:37609", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-neutral-bold" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.9490196108818054, 0.9607843160629272 ], "alpha": 1, "hex": "#F2F2F5" }, "$extensions": { "com.figma.variableId": "VariableID:53837:4988", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-neutral-alternative" }, "com.figma.aliasData": { "targetVariableId": "VariableID:76c5e004e15557cb32d2d1cbcb7e7c88584d57ac/5552:1636", "targetVariableName": "dnb/blue/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "info": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53718:722", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-info" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "positive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.48235294222831726, 0.3686274588108063], "alpha": 1, "hex": "#007B5E" }, "$extensions": { "com.figma.variableId": "VariableID:54483:254295", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-positive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a34ae85d1fa46131e7aa1e27270d2985b08de73/5552:1575", "targetVariableName": "dnb/green/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "warning": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9921568632125854, 0.7333333492279053, 0.1921568661928177 ], "alpha": 1, "hex": "#FDBB31" }, "$extensions": { "com.figma.variableId": "VariableID:53718:723", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-warning" }, "com.figma.aliasData": { "targetVariableId": "VariableID:9973a65cf0f54c691333f0cc68e4491ac3c53fb2/5552:1612", "targetVariableName": "dnb/yellow/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "error": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:53718:724", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-error" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "marketing": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:53718:725", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-stroke-marketing" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "decorative": { "first": { "muted": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8470588326454163, 0.9529411792755127, 0.9254902005195618 ], "alpha": 1, "hex": "#D8F3EC" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6395", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-first-muted" }, "com.figma.aliasData": { "targetVariableId": "VariableID:e9a6135d08f7d5e6c7a2eadb5a424244670c9a3a/5552:1441", "targetVariableName": "dnb/coldgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "muted-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8470588326454163, 0.9529411792755127, 0.9254902005195618 ], "alpha": 1, "hex": "#D8F3EC" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6397", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-first-muted-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:e9a6135d08f7d5e6c7a2eadb5a424244670c9a3a/5552:1441", "targetVariableName": "dnb/coldgreen/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6398", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-first-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "subtle-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6400", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-first-subtle-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "base": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.29019609093666077, 0.5803921818733215, 0.5529412031173706 ], "alpha": 1, "hex": "#4A948D" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6401", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-first-base" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b564379eac4665cd2dcbbdc736c2e965e6411d90/5552:1438", "targetVariableName": "dnb/coldgreen/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "base-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.29019609093666077, 0.5803921818733215, 0.5529412031173706 ], "alpha": 1, "hex": "#4A948D" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6405", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-first-base-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b564379eac4665cd2dcbbdc736c2e965e6411d90/5552:1438", "targetVariableName": "dnb/coldgreen/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "bold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6406", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-first-bold" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "bold-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 1, "hex": "#14555A" }, "$description": "Standard background color for \"ondark\" components", "$extensions": { "com.figma.variableId": "VariableID:53820:6408", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-first-bold-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b08403154335d69091fc995f95f803b7ceb88a34/5552:1437", "targetVariableName": "dnb/coldgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "intense": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.20392157137393951, 0.24313725531101227], "alpha": 1, "hex": "#00343E" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6409", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-first-intense" }, "com.figma.aliasData": { "targetVariableId": "VariableID:51eb4bb52de36d242672a1319a66a11abab25aaa/5552:1435", "targetVariableName": "dnb/coldgreen/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "intense-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.20392157137393951, 0.24313725531101227], "alpha": 1, "hex": "#00343E" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6412", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-first-intense-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:51eb4bb52de36d242672a1319a66a11abab25aaa/5552:1435", "targetVariableName": "dnb/coldgreen/950", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "second": { "muted": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8627451062202454, 0.9529411792755127, 0.9098039269447327 ], "alpha": 1, "hex": "#DCF3E8" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6413", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-second-muted" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ac5b63f10e6d7939ed0367e13d98aee9b986dc3a/5552:1581", "targetVariableName": "dnb/green/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "muted-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8627451062202454, 0.9529411792755127, 0.9098039269447327 ], "alpha": 1, "hex": "#DCF3E8" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6414", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-second-muted-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ac5b63f10e6d7939ed0367e13d98aee9b986dc3a/5552:1581", "targetVariableName": "dnb/green/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.7254902124404907, 0.9058823585510254, 0.8078431487083435 ], "alpha": 1, "hex": "#B9E7CE" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6415", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-second-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:1aacf168f966ad10cea65f0de9df60bce794d6f2/5552:1579", "targetVariableName": "dnb/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "subtle-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.7254902124404907, 0.9058823585510254, 0.8078431487083435 ], "alpha": 1, "hex": "#B9E7CE" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6416", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-second-subtle-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:1aacf168f966ad10cea65f0de9df60bce794d6f2/5552:1579", "targetVariableName": "dnb/green/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "base": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.2801666557788849, 0.8199999928474426, 0.593269944190979 ], "alpha": 1, "hex": "#47D197" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6417", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-second-base" }, "com.figma.aliasData": { "targetVariableId": "VariableID:303187c8c9e92d929631b1022de31e5c35d1c7e4/5552:1577", "targetVariableName": "dnb/green/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "base-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.2801666557788849, 0.8199999928474426, 0.593269944190979 ], "alpha": 1, "hex": "#47D197" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6418", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-second-base-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:303187c8c9e92d929631b1022de31e5c35d1c7e4/5552:1577", "targetVariableName": "dnb/green/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "bold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.48235294222831726, 0.3686274588108063], "alpha": 1, "hex": "#007B5E" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6419", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-second-bold" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a34ae85d1fa46131e7aa1e27270d2985b08de73/5552:1575", "targetVariableName": "dnb/green/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "bold-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.48235294222831726, 0.3686274588108063], "alpha": 1, "hex": "#007B5E" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6420", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-second-bold-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:0a34ae85d1fa46131e7aa1e27270d2985b08de73/5552:1575", "targetVariableName": "dnb/green/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "intense": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.05098039284348488, 0.27450981736183167, 0.21568627655506134 ], "alpha": 1, "hex": "#0D4637" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6421", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-second-intense" }, "com.figma.aliasData": { "targetVariableId": "VariableID:18ee9796e97e12b0ccabcf41e6a3bb7c621bb11f/5552:1573", "targetVariableName": "dnb/green/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "intense-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.05098039284348488, 0.27450981736183167, 0.21568627655506134 ], "alpha": 1, "hex": "#0D4637" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6422", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-second-intense-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:18ee9796e97e12b0ccabcf41e6a3bb7c621bb11f/5552:1573", "targetVariableName": "dnb/green/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "third": { "muted": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.95686274766922, 0.9254902005195618 ], "alpha": 1, "hex": "#F2F4EC" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6429", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-third-muted" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6d7183c0d54d696c175872f599a3f73f2c7a6cb0/5552:1566", "targetVariableName": "dnb/warmgreen/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "muted-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9490196108818054, 0.95686274766922, 0.9254902005195618 ], "alpha": 1, "hex": "#F2F4EC" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6430", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-third-muted-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6d7183c0d54d696c175872f599a3f73f2c7a6cb0/5552:1566", "targetVariableName": "dnb/warmgreen/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.7372549176216125, 0.8980392217636108, 0.6745098233222961 ], "alpha": 1, "hex": "#BCE5AC" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6431", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-third-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:8a9a301709eddc718012556d7e698a886e517755/5552:1563", "targetVariableName": "dnb/warmgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "subtle-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.7372549176216125, 0.8980392217636108, 0.6745098233222961 ], "alpha": 1, "hex": "#BCE5AC" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6432", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-third-subtle-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:8a9a301709eddc718012556d7e698a886e517755/5552:1563", "targetVariableName": "dnb/warmgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "base": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.5018489956855774, 0.7291666865348816, 0.46484375 ], "alpha": 1, "hex": "#80BA77" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6433", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-third-base" }, "com.figma.aliasData": { "targetVariableId": "VariableID:70f6e05689f0882eaec84898449d38e808ed2fde/5552:1567", "targetVariableName": "dnb/warmgreen/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "base-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.5018489956855774, 0.7291666865348816, 0.46484375 ], "alpha": 1, "hex": "#80BA77" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6434", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-third-base-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:70f6e05689f0882eaec84898449d38e808ed2fde/5552:1567", "targetVariableName": "dnb/warmgreen/500", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "bold": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.364705890417099, 0.4627451002597809, 0.3137255012989044 ], "alpha": 1, "hex": "#5D7650" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6435", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-third-bold" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ae1ac71d8025a607f9cde2a7ccf820b6f9a9a839/5552:1569", "targetVariableName": "dnb/warmgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "bold-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.364705890417099, 0.4627451002597809, 0.3137255012989044 ], "alpha": 1, "hex": "#5D7650" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6436", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-third-bold-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ae1ac71d8025a607f9cde2a7ccf820b6f9a9a839/5552:1569", "targetVariableName": "dnb/warmgreen/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "intense": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.23137255012989044, 0.27843138575553894, 0.21176470816135406 ], "alpha": 1, "hex": "#3B4736" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6437", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-third-intense" }, "com.figma.aliasData": { "targetVariableId": "VariableID:85d318998a57aded601cec8e22c1b141f4cec179/5552:1571", "targetVariableName": "dnb/warmgreen/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "intense-static": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.23137255012989044, 0.27843138575553894, 0.21176470816135406 ], "alpha": 1, "hex": "#3B4736" }, "$extensions": { "com.figma.variableId": "VariableID:53820:6438", "com.figma.scopes": ["ALL_SCOPES"], "com.figma.codeSyntax": { "WEB": "--token-color-decorative-third-intense-static" }, "com.figma.aliasData": { "targetVariableId": "VariableID:85d318998a57aded601cec8e22c1b141f4cec179/5552:1571", "targetVariableName": "dnb/warmgreen/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } } }, "component": { "button": { "background": { "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53837:565", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-background-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:55036:12974", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-background-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1579", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-background-action-destructive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1580", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-background-action-destructive-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive-hover-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9882352948188782, 0.9333333373069763, 0.9333333373069763 ], "alpha": 1, "hex": "#FCEEEE" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1833", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-background-action-destructive-hover-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:d17859db5d6e1250078a52e441983869e719480f/5552:1594", "targetVariableName": "dnb/red/50", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6980392336845398, 0.11764705926179886, 0.11764705926179886 ], "alpha": 1, "hex": "#B21E1E" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1589", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-background-action-destructive-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64aeb26ad215e533535d71f42251d5c138f0c94f/5552:1586", "targetVariableName": "dnb/red/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive-pressed-subtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9882352948188782, 0.8666666746139526, 0.8666666746139526 ], "alpha": 1, "hex": "#FCDDDD" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1837", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-background-action-destructive-pressed-subtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:93704bea7acfb78818ca3b0edbb239ffb1579eae/5552:1592", "targetVariableName": "dnb/red/100", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "text": { "neutral": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:55892:1755", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-neutral" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.007843137718737125, 0.2235294133424759, 0.2235294133424759 ], "alpha": 1, "hex": "#023939" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17051", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-neutral-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:574fb13650143fec2ede94ff03d0ec47f611df7d/5552:1434", "targetVariableName": "dnb/coldgreen/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.007843137718737125, 0.2235294133424759, 0.2235294133424759 ], "alpha": 1, "hex": "#023939" }, "$extensions": { "com.figma.variableId": "VariableID:55892:1756", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-neutral-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:574fb13650143fec2ede94ff03d0ec47f611df7d/5552:1434", "targetVariableName": "dnb/coldgreen/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53837:572", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:55036:12975", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17038", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-action-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-inverse": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17039", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-action-hover-inverse" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17049", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-action-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6470588445663452, 0.8823529481887817, 0.8235294222831726 ], "alpha": 1, "hex": "#A5E1D2" }, "$extensions": { "com.figma.variableId": "VariableID:56478:17050", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-action-hover-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:419aa063ca48588cf4757b791cf0524f07f3bef2/5552:1433", "targetVariableName": "dnb/coldgreen/300", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:55907:4155", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-action-disabled" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-destructive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:55907:2246", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-neutral-destructive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1824", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-action-destructive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1825", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-action-destructive-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6980392336845398, 0.11764705926179886, 0.11764705926179886 ], "alpha": 1, "hex": "#B21E1E" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1826", "com.figma.scopes": ["TEXT_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-text-action-destructive-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64aeb26ad215e533535d71f42251d5c138f0c94f/5552:1586", "targetVariableName": "dnb/red/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "icon": { "neutral": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:55892:2038", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-icon-neutral" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.007843137718737125, 0.2235294133424759, 0.2235294133424759 ], "alpha": 1, "hex": "#023939" }, "$extensions": { "com.figma.variableId": "VariableID:55892:2040", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-icon-neutral-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:574fb13650143fec2ede94ff03d0ec47f611df7d/5552:1434", "targetVariableName": "dnb/coldgreen/900", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53837:573", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-icon-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:55036:12976", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-icon-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-disabled": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:55907:4290", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-icon-action-disabled" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "neutral-destructive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [1, 1, 1], "alpha": 1, "hex": "#FFFFFF" }, "$extensions": { "com.figma.variableId": "VariableID:55907:2247", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-icon-neutral-destructive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6298df1ecd7673ad11a868ad535d1c74d6eb319e/5552:1666", "targetVariableName": "dnb/greyscale/0", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1829", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-icon-action-destructive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1827", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-icon-action-destructive-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6980392336845398, 0.11764705926179886, 0.11764705926179886 ], "alpha": 1, "hex": "#B21E1E" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1828", "com.figma.scopes": ["SHAPE_FILL", "STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-icon-action-destructive-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64aeb26ad215e533535d71f42251d5c138f0c94f/5552:1586", "targetVariableName": "dnb/red/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "stroke": { "action": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:53837:4984", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-stroke-action" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0.4470588266849518, 0.4470588266849518], "alpha": 1, "hex": "#007272" }, "$extensions": { "com.figma.variableId": "VariableID:55036:12977", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-stroke-action-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:2c6eacc9cb63e915c7a511c82e186fa43cd591e2/5552:1432", "targetVariableName": "dnb/coldgreen/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1832", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-stroke-action-destructive" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive-hover": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.8352941274642944, 0.14509804546833038, 0.14509804546833038 ], "alpha": 1, "hex": "#D52525" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1830", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-stroke-action-destructive-hover" }, "com.figma.aliasData": { "targetVariableId": "VariableID:37818821b2e21a587e9b3145c9afcb2548772f91/5552:1587", "targetVariableName": "dnb/red/600", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "action-destructive-pressed": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.6980392336845398, 0.11764705926179886, 0.11764705926179886 ], "alpha": 1, "hex": "#B21E1E" }, "$extensions": { "com.figma.variableId": "VariableID:55907:1831", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-stroke-action-destructive-pressed" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64aeb26ad215e533535d71f42251d5c138f0c94f/5552:1586", "targetVariableName": "dnb/red/700", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } }, "selected": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.0784313753247261, 0.3333333432674408, 0.3529411852359772 ], "alpha": 0.4000000059604645, "hex": "#14555A" }, "$extensions": { "com.figma.variableId": "VariableID:60162:6172", "com.figma.scopes": ["STROKE"], "com.figma.codeSyntax": { "WEB": "--token-color-component-button-stroke-selected" }, "com.figma.aliasData": { "targetVariableId": "VariableID:42e30cf670bb061e2f129d3838036f85a3212806/5552:1535", "targetVariableName": "dnb/coldgreen/700/40", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } } }, "tooltip": { "background": { "neutral": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:55036:17800", "com.figma.scopes": ["FRAME_FILL", "SHAPE_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-tooltip-background-neutral" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } } }, "table": { "background": { "neutral-alternative": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.9803921580314636, 0.9803921580314636, 0.9803921580314636 ], "alpha": 1, "hex": "#FAFAFA" }, "$extensions": { "com.figma.variableId": "VariableID:55036:17801", "com.figma.scopes": ["FRAME_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-table-background-neutral-alternative" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b7f0c99476a66429f50b07b420e238c581361e87/5552:1672", "targetVariableName": "dnb/greyscale/25", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } } }, "dimmer": { "background": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [0, 0, 0], "alpha": 0.30000001192092896, "hex": "#000000" }, "$extensions": { "com.figma.variableId": "VariableID:55039:23608", "com.figma.scopes": ["FRAME_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-dimmer-background" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b9540b7d108771cd545fccbf79563af9c01f8026/5552:1669", "targetVariableName": "dnb/greyscale/1000/30", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "switch": { "action-disabled-ondark": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.20000000298023224, 0.20000000298023224, 0.20000000298023224 ], "alpha": 1, "hex": "#333333" }, "$extensions": { "com.figma.variableId": "VariableID:56059:1770", "com.figma.scopes": ["FRAME_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-switch-action-disabled-ondark" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b916c331c1588d8835c30dc9077f1d1689ec0c07/5552:1656", "targetVariableName": "dnb/greyscale/800", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } }, "progressbar": { "neutral-onsubtle": { "$type": "color", "$value": { "colorSpace": "srgb", "components": [ 0.800000011920929, 0.800000011920929, 0.800000011920929 ], "alpha": 1, "hex": "#CCCCCC" }, "$extensions": { "com.figma.variableId": "VariableID:56898:675", "com.figma.scopes": ["FRAME_FILL"], "com.figma.codeSyntax": { "WEB": "--token-color-component-progressbar-neutral-onsubtle" }, "com.figma.aliasData": { "targetVariableId": "VariableID:64efc26473d44f26f5653021e9da1b3f3cef8405/5552:1662", "targetVariableName": "dnb/greyscale/200", "targetVariableSetId": "VariableCollectionId:e5cc40ef8bbcdb0b7df7793463523846b0a81d09/5552:1080", "targetVariableSetName": "colors" }, "com.figma.isOverride": true } } } } }, "font": { "size": { "heading-xx-large": { "$type": "number", "$value": 48, "$extensions": { "com.figma.variableId": "VariableID:53718:3882", "com.figma.scopes": ["FONT_SIZE"], "com.figma.codeSyntax": { "WEB": "--token-font-size-heading-xx-large" }, "com.figma.aliasData": { "targetVariableId": "VariableID:c3faf2beea14b56899af9c88e59571918bd3069d/5552:1071", "targetVariableName": "Font/Size/48", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "heading-x-large": { "$type": "number", "$value": 34, "$extensions": { "com.figma.variableId": "VariableID:53718:3883", "com.figma.scopes": ["FONT_SIZE"], "com.figma.codeSyntax": { "WEB": "--token-font-size-heading-x-large" }, "com.figma.aliasData": { "targetVariableId": "VariableID:51725f0c9f726c38352f7c3d62487382416fa9af/5552:1054", "targetVariableName": "Font/Size/34", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "heading-large": { "$type": "number", "$value": 26, "$extensions": { "com.figma.variableId": "VariableID:53718:3884", "com.figma.scopes": ["FONT_SIZE"], "com.figma.codeSyntax": { "WEB": "--token-font-size-heading-large" }, "com.figma.aliasData": { "targetVariableId": "VariableID:bb003eded10c6e8d7c726753132e6e7631cc3aea/5552:1063", "targetVariableName": "Font/Size/26", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-lead": { "$type": "number", "$value": 20, "$extensions": { "com.figma.variableId": "VariableID:53718:3885", "com.figma.scopes": ["FONT_SIZE"], "com.figma.codeSyntax": { "WEB": "--token-font-size-text-lead" }, "com.figma.aliasData": { "targetVariableId": "VariableID:e4d4ffad9e85600111344a2a2fd27d1d21bf3e03/5552:1056", "targetVariableName": "Font/Size/20", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-basis": { "$type": "number", "$value": 18, "$extensions": { "com.figma.variableId": "VariableID:53718:3886", "com.figma.scopes": ["FONT_SIZE"], "com.figma.codeSyntax": { "WEB": "--token-font-size-text-basis" }, "com.figma.aliasData": { "targetVariableId": "VariableID:3b20a88146dd31416bbf78abe4477e2d4790de54/5552:1075", "targetVariableName": "Font/Size/18", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-basis-medium": { "$type": "number", "$value": 18, "$extensions": { "com.figma.variableId": "VariableID:53718:3887", "com.figma.scopes": ["FONT_SIZE"], "com.figma.codeSyntax": { "WEB": "--token-font-size-text-basis-medium" }, "com.figma.aliasData": { "targetVariableId": "VariableID:3b20a88146dd31416bbf78abe4477e2d4790de54/5552:1075", "targetVariableName": "Font/Size/18", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-small": { "$type": "number", "$value": 16, "$extensions": { "com.figma.variableId": "VariableID:53718:3888", "com.figma.scopes": ["FONT_SIZE"], "com.figma.codeSyntax": { "WEB": "--token-font-size-text-small" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f73a4c76d4a94305b2cbec754df9de29c3ab1c33/5552:1062", "targetVariableName": "Font/Size/16", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-small-medium": { "$type": "number", "$value": 16, "$extensions": { "com.figma.variableId": "VariableID:53718:3889", "com.figma.scopes": ["FONT_SIZE"], "com.figma.codeSyntax": { "WEB": "--token-font-size-text-small-medium" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f73a4c76d4a94305b2cbec754df9de29c3ab1c33/5552:1062", "targetVariableName": "Font/Size/16", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-x-small": { "$type": "number", "$value": 14, "$extensions": { "com.figma.variableId": "VariableID:53718:3890", "com.figma.scopes": ["FONT_SIZE"], "com.figma.codeSyntax": { "WEB": "--token-font-size-text-x-small" }, "com.figma.aliasData": { "targetVariableId": "VariableID:7acf44ef022851e9f5abdf0eb99db64bb21cf59c/5552:1061", "targetVariableName": "Font/Size/14", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-x-small-medium": { "$type": "number", "$value": 14, "$extensions": { "com.figma.variableId": "VariableID:53718:3891", "com.figma.scopes": ["FONT_SIZE"], "com.figma.codeSyntax": { "WEB": "--token-font-size-text-x-small-medium" }, "com.figma.aliasData": { "targetVariableId": "VariableID:7acf44ef022851e9f5abdf0eb99db64bb21cf59c/5552:1061", "targetVariableName": "Font/Size/14", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } } }, "height": { "heading-xx-large": { "$type": "number", "$value": 56, "$extensions": { "com.figma.variableId": "VariableID:53718:3901", "com.figma.scopes": ["LINE_HEIGHT"], "com.figma.codeSyntax": { "WEB": "--token-font-height-heading-xx-large" }, "com.figma.aliasData": { "targetVariableId": "VariableID:61b4f92478e744cc056e178d78f8776840407bcd/5552:1073", "targetVariableName": "Font/Height/56", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "heading-x-large": { "$type": "number", "$value": 40, "$extensions": { "com.figma.variableId": "VariableID:53718:3902", "com.figma.scopes": ["LINE_HEIGHT"], "com.figma.codeSyntax": { "WEB": "--token-font-height-heading-x-large" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f4cd931d6c61e08a07dccbc63ca7768f5eb050b5/5552:1072", "targetVariableName": "Font/Height/40", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "heading-large": { "$type": "number", "$value": 32, "$extensions": { "com.figma.variableId": "VariableID:53718:3903", "com.figma.scopes": ["LINE_HEIGHT"], "com.figma.codeSyntax": { "WEB": "--token-font-height-heading-large" }, "com.figma.aliasData": { "targetVariableId": "VariableID:e7d85eb4c7a70d4c70dd3ac980ac766997159b3d/5552:1065", "targetVariableName": "Font/Height/32", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-lead": { "$type": "number", "$value": 24, "$extensions": { "com.figma.variableId": "VariableID:53718:3904", "com.figma.scopes": ["LINE_HEIGHT"], "com.figma.codeSyntax": { "WEB": "--token-font-height-text-lead" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b3b25501d154c120530a05d81893e0195ab3ba27/5552:1067", "targetVariableName": "Font/Height/24", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-basis": { "$type": "number", "$value": 24, "$extensions": { "com.figma.variableId": "VariableID:53718:3905", "com.figma.scopes": ["LINE_HEIGHT"], "com.figma.codeSyntax": { "WEB": "--token-font-height-text-basis" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b3b25501d154c120530a05d81893e0195ab3ba27/5552:1067", "targetVariableName": "Font/Height/24", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-basis-medium": { "$type": "number", "$value": 24, "$extensions": { "com.figma.variableId": "VariableID:53718:3906", "com.figma.scopes": ["LINE_HEIGHT"], "com.figma.codeSyntax": { "WEB": "--token-font-height-text-basis-medium" }, "com.figma.aliasData": { "targetVariableId": "VariableID:b3b25501d154c120530a05d81893e0195ab3ba27/5552:1067", "targetVariableName": "Font/Height/24", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-small": { "$type": "number", "$value": 20, "$extensions": { "com.figma.variableId": "VariableID:53718:3907", "com.figma.scopes": ["LINE_HEIGHT"], "com.figma.codeSyntax": { "WEB": "--token-font-height-text-small" }, "com.figma.aliasData": { "targetVariableId": "VariableID:add5bf56c5c169e86e5fd605d2b4b7589b0d9564/5552:1068", "targetVariableName": "Font/Height/20", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-small-medium": { "$type": "number", "$value": 20, "$extensions": { "com.figma.variableId": "VariableID:53718:3908", "com.figma.scopes": ["LINE_HEIGHT"], "com.figma.codeSyntax": { "WEB": "--token-font-height-text-small-medium" }, "com.figma.aliasData": { "targetVariableId": "VariableID:add5bf56c5c169e86e5fd605d2b4b7589b0d9564/5552:1068", "targetVariableName": "Font/Height/20", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-x-small": { "$type": "number", "$value": 20, "$extensions": { "com.figma.variableId": "VariableID:53718:3909", "com.figma.scopes": ["LINE_HEIGHT"], "com.figma.codeSyntax": { "WEB": "--token-font-height-text-x-small" }, "com.figma.aliasData": { "targetVariableId": "VariableID:add5bf56c5c169e86e5fd605d2b4b7589b0d9564/5552:1068", "targetVariableName": "Font/Height/20", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-x-small-medium": { "$type": "number", "$value": 20, "$extensions": { "com.figma.variableId": "VariableID:53718:3910", "com.figma.scopes": ["LINE_HEIGHT"], "com.figma.codeSyntax": { "WEB": "--token-font-height-text-x-small-medium" }, "com.figma.aliasData": { "targetVariableId": "VariableID:add5bf56c5c169e86e5fd605d2b4b7589b0d9564/5552:1068", "targetVariableName": "Font/Height/20", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } } }, "weight": { "heading-xx-large": { "$type": "string", "$value": "Medium", "$extensions": { "com.figma.variableId": "VariableID:53718:3926", "com.figma.scopes": ["FONT_STYLE"], "com.figma.codeSyntax": { "WEB": "--token-font-weight-heading-xx-large" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:21df6617f4f4afcdfd60d3211bafd6a6c22a90dd/5552:1050", "targetVariableName": "Font/Weight/Medium", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "heading-x-large": { "$type": "string", "$value": "Medium", "$extensions": { "com.figma.variableId": "VariableID:53718:3927", "com.figma.scopes": ["FONT_STYLE"], "com.figma.codeSyntax": { "WEB": "--token-font-weight-heading-x-large" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:21df6617f4f4afcdfd60d3211bafd6a6c22a90dd/5552:1050", "targetVariableName": "Font/Weight/Medium", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "heading-large": { "$type": "string", "$value": "Medium", "$extensions": { "com.figma.variableId": "VariableID:53718:3928", "com.figma.scopes": ["FONT_STYLE"], "com.figma.codeSyntax": { "WEB": "--token-font-weight-heading-large" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:21df6617f4f4afcdfd60d3211bafd6a6c22a90dd/5552:1050", "targetVariableName": "Font/Weight/Medium", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-lead": { "$type": "string", "$value": "Medium", "$extensions": { "com.figma.variableId": "VariableID:53718:3929", "com.figma.scopes": ["FONT_STYLE"], "com.figma.codeSyntax": { "WEB": "--token-font-weight-text-lead" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:21df6617f4f4afcdfd60d3211bafd6a6c22a90dd/5552:1050", "targetVariableName": "Font/Weight/Medium", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-basis": { "$type": "string", "$value": "Regular", "$extensions": { "com.figma.variableId": "VariableID:53718:3930", "com.figma.scopes": ["FONT_STYLE"], "com.figma.codeSyntax": { "WEB": "--token-font-weight-text-basis" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:1364872f02b610d6ff638d1c621197e705cd4d44/5552:1049", "targetVariableName": "Font/Weight/Regular", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-basis-medium": { "$type": "string", "$value": "Medium", "$extensions": { "com.figma.variableId": "VariableID:53718:3931", "com.figma.scopes": ["FONT_STYLE"], "com.figma.codeSyntax": { "WEB": "--token-font-weight-text-basis-medium" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:21df6617f4f4afcdfd60d3211bafd6a6c22a90dd/5552:1050", "targetVariableName": "Font/Weight/Medium", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-small": { "$type": "string", "$value": "Regular", "$extensions": { "com.figma.variableId": "VariableID:53718:3932", "com.figma.scopes": ["FONT_STYLE"], "com.figma.codeSyntax": { "WEB": "--token-font-weight-text-small" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:1364872f02b610d6ff638d1c621197e705cd4d44/5552:1049", "targetVariableName": "Font/Weight/Regular", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-small-medium": { "$type": "string", "$value": "Medium", "$extensions": { "com.figma.variableId": "VariableID:53718:3933", "com.figma.scopes": ["FONT_STYLE"], "com.figma.codeSyntax": { "WEB": "--token-font-weight-text-small-medium" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:21df6617f4f4afcdfd60d3211bafd6a6c22a90dd/5552:1050", "targetVariableName": "Font/Weight/Medium", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-x-small": { "$type": "string", "$value": "Regular", "$extensions": { "com.figma.variableId": "VariableID:53718:3934", "com.figma.scopes": ["FONT_STYLE"], "com.figma.codeSyntax": { "WEB": "--token-font-weight-text-x-small" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:1364872f02b610d6ff638d1c621197e705cd4d44/5552:1049", "targetVariableName": "Font/Weight/Regular", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "text-x-small-medium": { "$type": "string", "$value": "Medium", "$extensions": { "com.figma.variableId": "VariableID:53718:3935", "com.figma.scopes": ["FONT_STYLE"], "com.figma.codeSyntax": { "WEB": "--token-font-weight-text-x-small-medium" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:21df6617f4f4afcdfd60d3211bafd6a6c22a90dd/5552:1050", "targetVariableName": "Font/Weight/Medium", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } } }, "family": { "heading": { "$type": "string", "$value": "DNB", "$extensions": { "com.figma.variableId": "VariableID:53718:3940", "com.figma.scopes": ["FONT_FAMILY"], "com.figma.codeSyntax": { "WEB": "--token-font-family-heading" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:8c650e9fe61cf25f90975efa17790242f33e4159/5552:1046", "targetVariableName": "Font/Family/DNB", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } }, "body": { "$type": "string", "$value": "DNB", "$extensions": { "com.figma.variableId": "VariableID:53718:3941", "com.figma.scopes": ["FONT_FAMILY"], "com.figma.codeSyntax": { "WEB": "--token-font-family-body" }, "com.figma.type": "string", "com.figma.aliasData": { "targetVariableId": "VariableID:8c650e9fe61cf25f90975efa17790242f33e4159/5552:1046", "targetVariableName": "Font/Family/DNB", "targetVariableSetId": "VariableCollectionId:d00e91884fb9b3877858490e6b8fd6fcb0c60111/5552:1045", "targetVariableSetName": "typography" }, "com.figma.isOverride": true } } } }, "radius": { "radius-0": { "$type": "number", "$value": 0, "$extensions": { "com.figma.variableId": "VariableID:60016:38685", "com.figma.scopes": ["CORNER_RADIUS"], "com.figma.codeSyntax": { "WEB": "--token-radius-radius-0" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ba519417fad53369a44ad55bf1eec67a4cc7eaca/5552:1034", "targetVariableName": "size/0", "targetVariableSetId": "VariableCollectionId:fdb352a465b863aaf7567ea04748cb7e057d7b63/5552:1025", "targetVariableSetName": "size" }, "com.figma.isOverride": true } }, "radius-xs": { "$type": "number", "$value": 2, "$extensions": { "com.figma.variableId": "VariableID:59988:11383", "com.figma.scopes": ["CORNER_RADIUS"], "com.figma.codeSyntax": { "WEB": "--token-radius-radius-xs" }, "com.figma.aliasData": { "targetVariableId": "VariableID:c0da7db3d21e8acc5e2a428aee471e49ef747c49/5552:1037", "targetVariableName": "size/2", "targetVariableSetId": "VariableCollectionId:fdb352a465b863aaf7567ea04748cb7e057d7b63/5552:1025", "targetVariableSetName": "size" }, "com.figma.isOverride": true } }, "radius-sm": { "$type": "number", "$value": 4, "$extensions": { "com.figma.variableId": "VariableID:59977:10833", "com.figma.scopes": ["CORNER_RADIUS"], "com.figma.codeSyntax": { "WEB": "--token-radius-radius-sm" }, "com.figma.aliasData": { "targetVariableId": "VariableID:6fed70ddd873b36cd222f9f3bc09b3258aed7b62/5552:1026", "targetVariableName": "size/4", "targetVariableSetId": "VariableCollectionId:fdb352a465b863aaf7567ea04748cb7e057d7b63/5552:1025", "targetVariableSetName": "size" }, "com.figma.isOverride": true } }, "radius-md": { "$type": "number", "$value": 8, "$extensions": { "com.figma.variableId": "VariableID:59977:17818", "com.figma.scopes": ["CORNER_RADIUS"], "com.figma.codeSyntax": { "WEB": "--token-radius-radius-md" }, "com.figma.aliasData": { "targetVariableId": "VariableID:40354cb1439ce7b12223f464568e846f0367a6ac/5552:1027", "targetVariableName": "size/8", "targetVariableSetId": "VariableCollectionId:fdb352a465b863aaf7567ea04748cb7e057d7b63/5552:1025", "targetVariableSetName": "size" }, "com.figma.isOverride": true } }, "radius-lg": { "$type": "number", "$value": 16, "$extensions": { "com.figma.variableId": "VariableID:59977:17819", "com.figma.scopes": ["CORNER_RADIUS"], "com.figma.codeSyntax": { "WEB": "--token-radius-radius-lg" }, "com.figma.aliasData": { "targetVariableId": "VariableID:f662358296f6f549b48f0d6b79d34f284f6baf27/5552:1028", "targetVariableName": "size/16", "targetVariableSetId": "VariableCollectionId:fdb352a465b863aaf7567ea04748cb7e057d7b63/5552:1025", "targetVariableSetName": "size" }, "com.figma.isOverride": true } }, "radius-xl": { "$type": "number", "$value": 24, "$extensions": { "com.figma.variableId": "VariableID:59977:17820", "com.figma.scopes": ["CORNER_RADIUS"], "com.figma.codeSyntax": { "WEB": "--token-radius-radius-xl" }, "com.figma.aliasData": { "targetVariableId": "VariableID:15445f4260ed07f0a3756ee199f4b358bbead938/5552:1029", "targetVariableName": "size/24", "targetVariableSetId": "VariableCollectionId:fdb352a465b863aaf7567ea04748cb7e057d7b63/5552:1025", "targetVariableSetName": "size" }, "com.figma.isOverride": true } }, "radius-full": { "$type": "number", "$value": 9999, "$extensions": { "com.figma.variableId": "VariableID:59977:17822", "com.figma.scopes": ["CORNER_RADIUS"], "com.figma.codeSyntax": { "WEB": "--token-radius-radius-full" }, "com.figma.aliasData": { "targetVariableId": "VariableID:ba3dd01a70467d53b5c896aba6c0f9ce41153c6f/5552:1035", "targetVariableName": "size/9999", "targetVariableSetId": "VariableCollectionId:fdb352a465b863aaf7567ea04748cb7e057d7b63/5552:1025", "targetVariableSetName": "size" }, "com.figma.isOverride": true } } }, "$extensions": { "com.figma.modeName": "dnb-light" } }