@nswds/tokens 2.32.3 → 3.0.0

package/dist/tokens/primitives-semantic.light.json

@@ -2,7 +2,16 @@
   "success": {
     "50": {
       "$type": "color",
-      "$value": "#eff9ed",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9372549019607843,
+          0.9764705882352941,
+          0.9294117647058824
+        ],
+        "alpha": 1,
+        "hex": "#eff9ed"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -16,7 +25,16 @@
     },
     "100": {
       "$type": "color",
-      "$value": "#e0f3de",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8784313725490196,
+          0.9529411764705882,
+          0.8705882352941177
+        ],
+        "alpha": 1,
+        "hex": "#e0f3de"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -30,7 +48,16 @@
     },
     "150": {
       "$type": "color",
-      "$value": "#d2eccf",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8235294117647058,
+          0.9254901960784314,
+          0.8117647058823529
+        ],
+        "alpha": 1,
+        "hex": "#d2eccf"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -44,7 +71,16 @@
     },
     "200": {
       "$type": "color",
-      "$value": "#c4e5c0",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7686274509803922,
+          0.8980392156862745,
+          0.7529411764705882
+        ],
+        "alpha": 1,
+        "hex": "#c4e5c0"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -58,7 +94,16 @@
     },
     "250": {
       "$type": "color",
-      "$value": "#aad6a5",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.6666666666666666,
+          0.8392156862745098,
+          0.6470588235294118
+        ],
+        "alpha": 1,
+        "hex": "#aad6a5"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -72,7 +117,16 @@
     },
     "300": {
       "$type": "color",
-      "$value": "#8fc78a",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.5607843137254902,
+          0.7803921568627451,
+          0.5411764705882353
+        ],
+        "alpha": 1,
+        "hex": "#8fc78a"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 300: light tints.",
       "$extensions": {
         "com.figma": {
@@ -86,7 +140,16 @@
     },
     "350": {
       "$type": "color",
-      "$value": "#74b76f",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4549019607843137,
+          0.7176470588235294,
+          0.43529411764705883
+        ],
+        "alpha": 1,
+        "hex": "#74b76f"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 350: light tints.",
       "$extensions": {
         "com.figma": {
@@ -100,7 +163,16 @@
     },
     "400": {
       "$type": "color",
-      "$value": "#58a854",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.34509803921568627,
+          0.6588235294117647,
+          0.32941176470588235
+        ],
+        "alpha": 1,
+        "hex": "#58a854"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 400: light tints.",
       "$extensions": {
         "com.figma": {
@@ -114,7 +186,16 @@
     },
     "450": {
       "$type": "color",
-      "$value": "#49a146",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.28627450980392155,
+          0.6313725490196078,
+          0.27450980392156865
+        ],
+        "alpha": 1,
+        "hex": "#49a146"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 450: light tints.",
       "$extensions": {
         "com.figma": {
@@ -128,7 +209,16 @@
     },
     "500": {
       "$type": "color",
-      "$value": "#399936",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2235294117647059,
+          0.6,
+          0.21176470588235294
+        ],
+        "alpha": 1,
+        "hex": "#399936"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 500: base colour.",
       "$extensions": {
         "com.figma": {
@@ -142,7 +232,16 @@
     },
     "550": {
       "$type": "color",
-      "$value": "#259224",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1450980392156863,
+          0.5725490196078431,
+          0.1411764705882353
+        ],
+        "alpha": 1,
+        "hex": "#259224"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 550: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -156,7 +255,16 @@
     },
     "600": {
       "$type": "color",
-      "$value": "#008a07",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.5411764705882353,
+          0.027450980392156862
+        ],
+        "alpha": 1,
+        "hex": "#008a07"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 600: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -170,7 +278,16 @@
     },
     "650": {
       "$type": "color",
-      "$value": "#007204",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.4470588235294118,
+          0.01568627450980392
+        ],
+        "alpha": 1,
+        "hex": "#007204"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 650: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -184,7 +301,16 @@
     },
     "700": {
       "$type": "color",
-      "$value": "#005a02",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.35294117647058826,
+          0.00784313725490196
+        ],
+        "alpha": 1,
+        "hex": "#005a02"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 700: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -198,7 +324,16 @@
     },
     "750": {
       "$type": "color",
-      "$value": "#004401",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.26666666666666666,
+          0.00392156862745098
+        ],
+        "alpha": 1,
+        "hex": "#004401"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 750: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -212,7 +347,16 @@
     },
     "800": {
       "$type": "color",
-      "$value": "#002f00",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.1843137254901961,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#002f00"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 800: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -226,7 +370,16 @@
     },
     "850": {
       "$type": "color",
-      "$value": "#002200",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.13333333333333333,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#002200"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 850: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -240,7 +393,16 @@
     },
     "900": {
       "$type": "color",
-      "$value": "#001600",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.08627450980392157,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#001600"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 900: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -254,7 +416,16 @@
     },
     "950": {
       "$type": "color",
-      "$value": "#000b00",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.043137254901960784,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#000b00"
+      },
       "$description": "Success state — positive outcomes, confirmations, and completed actions. Step 950: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -270,7 +441,16 @@
   "warning": {
     "50": {
       "$type": "color",
-      "$value": "#fff3ed",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.9529411764705882,
+          0.9294117647058824
+        ],
+        "alpha": 1,
+        "hex": "#fff3ed"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -284,7 +464,16 @@
     },
     "100": {
       "$type": "color",
-      "$value": "#ffe8de",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.9098039215686274,
+          0.8705882352941177
+        ],
+        "alpha": 1,
+        "hex": "#ffe8de"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -298,7 +487,16 @@
     },
     "150": {
       "$type": "color",
-      "$value": "#ffddcf",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.8666666666666667,
+          0.8117647058823529
+        ],
+        "alpha": 1,
+        "hex": "#ffddcf"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -312,7 +510,16 @@
     },
     "200": {
       "$type": "color",
-      "$value": "#fdd2c0",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9921568627450981,
+          0.8235294117647058,
+          0.7529411764705882
+        ],
+        "alpha": 1,
+        "hex": "#fdd2c0"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -326,7 +533,16 @@
     },
     "250": {
       "$type": "color",
-      "$value": "#f6bda5",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9647058823529412,
+          0.7411764705882353,
+          0.6470588235294118
+        ],
+        "alpha": 1,
+        "hex": "#f6bda5"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -340,7 +556,16 @@
     },
     "300": {
       "$type": "color",
-      "$value": "#eea88a",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9333333333333333,
+          0.6588235294117647,
+          0.5411764705882353
+        ],
+        "alpha": 1,
+        "hex": "#eea88a"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 300: light tints.",
       "$extensions": {
         "com.figma": {
@@ -354,7 +579,16 @@
     },
     "350": {
       "$type": "color",
-      "$value": "#e6936f",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9019607843137255,
+          0.5764705882352941,
+          0.43529411764705883
+        ],
+        "alpha": 1,
+        "hex": "#e6936f"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 350: light tints.",
       "$extensions": {
         "com.figma": {
@@ -368,7 +602,16 @@
     },
     "400": {
       "$type": "color",
-      "$value": "#dd7d53",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8666666666666667,
+          0.49019607843137253,
+          0.3254901960784314
+        ],
+        "alpha": 1,
+        "hex": "#dd7d53"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 400: light tints.",
       "$extensions": {
         "com.figma": {
@@ -382,7 +625,16 @@
     },
     "450": {
       "$type": "color",
-      "$value": "#d87244",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8470588235294118,
+          0.4470588235294118,
+          0.26666666666666666
+        ],
+        "alpha": 1,
+        "hex": "#d87244"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 450: light tints.",
       "$extensions": {
         "com.figma": {
@@ -396,7 +648,16 @@
     },
     "500": {
       "$type": "color",
-      "$value": "#d36734",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8274509803921568,
+          0.403921568627451,
+          0.20392156862745098
+        ],
+        "alpha": 1,
+        "hex": "#d36734"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 500: base colour.",
       "$extensions": {
         "com.figma": {
@@ -410,7 +671,16 @@
     },
     "550": {
       "$type": "color",
-      "$value": "#ce5c21",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.807843137254902,
+          0.3607843137254902,
+          0.12941176470588237
+        ],
+        "alpha": 1,
+        "hex": "#ce5c21"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 550: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -424,7 +694,16 @@
     },
     "600": {
       "$type": "color",
-      "$value": "#c95000",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.788235294117647,
+          0.3137254901960784,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#c95000"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 600: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -438,7 +717,16 @@
     },
     "650": {
       "$type": "color",
-      "$value": "#a83f03",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.6588235294117647,
+          0.24705882352941178,
+          0.011764705882352941
+        ],
+        "alpha": 1,
+        "hex": "#a83f03"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 650: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -452,7 +740,16 @@
     },
     "700": {
       "$type": "color",
-      "$value": "#882f03",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.5333333333333333,
+          0.1843137254901961,
+          0.011764705882352941
+        ],
+        "alpha": 1,
+        "hex": "#882f03"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 700: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -466,7 +763,16 @@
     },
     "750": {
       "$type": "color",
-      "$value": "#692001",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4117647058823529,
+          0.12549019607843137,
+          0.00392156862745098
+        ],
+        "alpha": 1,
+        "hex": "#692001"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 750: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -480,7 +786,16 @@
     },
     "800": {
       "$type": "color",
-      "$value": "#4b1200",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.29411764705882354,
+          0.07058823529411765,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#4b1200"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 800: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -494,7 +809,16 @@
     },
     "850": {
       "$type": "color",
-      "$value": "#390a00",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2235294117647059,
+          0.0392156862745098,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#390a00"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 850: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -508,7 +832,16 @@
     },
     "900": {
       "$type": "color",
-      "$value": "#270400",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.15294117647058825,
+          0.01568627450980392,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#270400"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 900: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -522,7 +855,16 @@
     },
     "950": {
       "$type": "color",
-      "$value": "#170100",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.09019607843137255,
+          0.00392156862745098,
+          0
+        ],
+        "alpha": 1,
+        "hex": "#170100"
+      },
       "$description": "Warning state — caution and actions that need attention. Step 950: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -538,7 +880,16 @@
   "danger": {
     "50": {
       "$type": "color",
-      "$value": "#fff0ef",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.9411764705882353,
+          0.9372549019607843
+        ],
+        "alpha": 1,
+        "hex": "#fff0ef"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -552,7 +903,16 @@
     },
     "100": {
       "$type": "color",
-      "$value": "#ffe2e1",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.8862745098039215,
+          0.8823529411764706
+        ],
+        "alpha": 1,
+        "hex": "#ffe2e1"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -566,7 +926,16 @@
     },
     "150": {
       "$type": "color",
-      "$value": "#ffd4d4",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.8313725490196079,
+          0.8313725490196079
+        ],
+        "alpha": 1,
+        "hex": "#ffd4d4"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -580,7 +949,16 @@
     },
     "200": {
       "$type": "color",
-      "$value": "#fdc6c6",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9921568627450981,
+          0.7764705882352941,
+          0.7764705882352941
+        ],
+        "alpha": 1,
+        "hex": "#fdc6c6"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -594,7 +972,16 @@
     },
     "250": {
       "$type": "color",
-      "$value": "#f4acad",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9568627450980393,
+          0.6745098039215687,
+          0.6784313725490196
+        ],
+        "alpha": 1,
+        "hex": "#f4acad"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -608,7 +995,16 @@
     },
     "300": {
       "$type": "color",
-      "$value": "#ea9294",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9176470588235294,
+          0.5725490196078431,
+          0.5803921568627451
+        ],
+        "alpha": 1,
+        "hex": "#ea9294"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 300: light tints.",
       "$extensions": {
         "com.figma": {
@@ -622,7 +1018,16 @@
     },
     "350": {
       "$type": "color",
-      "$value": "#df787c",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8745098039215686,
+          0.47058823529411764,
+          0.48627450980392156
+        ],
+        "alpha": 1,
+        "hex": "#df787c"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 350: light tints.",
       "$extensions": {
         "com.figma": {
@@ -636,7 +1041,16 @@
     },
     "400": {
       "$type": "color",
-      "$value": "#d35d65",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8274509803921568,
+          0.36470588235294116,
+          0.396078431372549
+        ],
+        "alpha": 1,
+        "hex": "#d35d65"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 400: light tints.",
       "$extensions": {
         "com.figma": {
@@ -650,7 +1064,16 @@
     },
     "450": {
       "$type": "color",
-      "$value": "#cd4e59",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.803921568627451,
+          0.3058823529411765,
+          0.34901960784313724
+        ],
+        "alpha": 1,
+        "hex": "#cd4e59"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 450: light tints.",
       "$extensions": {
         "com.figma": {
@@ -664,7 +1087,16 @@
     },
     "500": {
       "$type": "color",
-      "$value": "#c63f4e",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7764705882352941,
+          0.24705882352941178,
+          0.3058823529411765
+        ],
+        "alpha": 1,
+        "hex": "#c63f4e"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 500: base colour.",
       "$extensions": {
         "com.figma": {
@@ -678,7 +1110,16 @@
     },
     "550": {
       "$type": "color",
-      "$value": "#bf2c42",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7490196078431373,
+          0.17254901960784313,
+          0.25882352941176473
+        ],
+        "alpha": 1,
+        "hex": "#bf2c42"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 550: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -692,7 +1133,16 @@
     },
     "600": {
       "$type": "color",
-      "$value": "#b81237",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7215686274509804,
+          0.07058823529411765,
+          0.21568627450980393
+        ],
+        "alpha": 1,
+        "hex": "#b81237"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 600: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -706,7 +1156,16 @@
     },
     "650": {
       "$type": "color",
-      "$value": "#990b2a",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.6,
+          0.043137254901960784,
+          0.16470588235294117
+        ],
+        "alpha": 1,
+        "hex": "#990b2a"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 650: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -720,7 +1179,16 @@
     },
     "700": {
       "$type": "color",
-      "$value": "#7c061f",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.48627450980392156,
+          0.023529411764705882,
+          0.12156862745098039
+        ],
+        "alpha": 1,
+        "hex": "#7c061f"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 700: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -734,7 +1202,16 @@
     },
     "750": {
       "$type": "color",
-      "$value": "#5f0214",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.37254901960784315,
+          0.00784313725490196,
+          0.0784313725490196
+        ],
+        "alpha": 1,
+        "hex": "#5f0214"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 750: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -748,7 +1225,16 @@
     },
     "800": {
       "$type": "color",
-      "$value": "#44000a",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.26666666666666666,
+          0,
+          0.0392156862745098
+        ],
+        "alpha": 1,
+        "hex": "#44000a"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 800: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -762,7 +1248,16 @@
     },
     "850": {
       "$type": "color",
-      "$value": "#330005",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2,
+          0,
+          0.0196078431372549
+        ],
+        "alpha": 1,
+        "hex": "#330005"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 850: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -776,7 +1271,16 @@
     },
     "900": {
       "$type": "color",
-      "$value": "#230002",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.13725490196078433,
+          0,
+          0.00784313725490196
+        ],
+        "alpha": 1,
+        "hex": "#230002"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 900: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -790,7 +1294,16 @@
     },
     "950": {
       "$type": "color",
-      "$value": "#140001",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0784313725490196,
+          0,
+          0.00392156862745098
+        ],
+        "alpha": 1,
+        "hex": "#140001"
+      },
       "$description": "Danger state — errors and destructive or critical actions. Step 950: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -806,7 +1319,16 @@
   "info": {
     "50": {
       "$type": "color",
-      "$value": "#e9eef7",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9137254901960784,
+          0.9333333333333333,
+          0.9686274509803922
+        ],
+        "alpha": 1,
+        "hex": "#e9eef7"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 50: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -820,7 +1342,16 @@
     },
     "100": {
       "$type": "color",
-      "$value": "#d4ddeb",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8313725490196079,
+          0.8666666666666667,
+          0.9215686274509803
+        ],
+        "alpha": 1,
+        "hex": "#d4ddeb"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 100: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -834,7 +1365,16 @@
     },
     "150": {
       "$type": "color",
-      "$value": "#c0cce0",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7529411764705882,
+          0.8,
+          0.8784313725490196
+        ],
+        "alpha": 1,
+        "hex": "#c0cce0"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 150: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -848,7 +1388,16 @@
     },
     "200": {
       "$type": "color",
-      "$value": "#acbbd5",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.6745098039215687,
+          0.7333333333333333,
+          0.8352941176470589
+        ],
+        "alpha": 1,
+        "hex": "#acbbd5"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 200: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -862,7 +1411,16 @@
     },
     "250": {
       "$type": "color",
-      "$value": "#96a9cc",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.5882352941176471,
+          0.6627450980392157,
+          0.8
+        ],
+        "alpha": 1,
+        "hex": "#96a9cc"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 250: lightest tints for subtle backgrounds and surfaces.",
       "$extensions": {
         "com.figma": {
@@ -876,7 +1434,16 @@
     },
     "300": {
       "$type": "color",
-      "$value": "#8098c2",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.5019607843137255,
+          0.596078431372549,
+          0.7607843137254902
+        ],
+        "alpha": 1,
+        "hex": "#8098c2"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 300: light tints.",
       "$extensions": {
         "com.figma": {
@@ -890,7 +1457,16 @@
     },
     "350": {
       "$type": "color",
-      "$value": "#6b86b8",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4196078431372549,
+          0.5254901960784314,
+          0.7215686274509804
+        ],
+        "alpha": 1,
+        "hex": "#6b86b8"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 350: light tints.",
       "$extensions": {
         "com.figma": {
@@ -904,7 +1480,16 @@
     },
     "400": {
       "$type": "color",
-      "$value": "#5775ae",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3411764705882353,
+          0.4588235294117647,
+          0.6823529411764706
+        ],
+        "alpha": 1,
+        "hex": "#5775ae"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 400: light tints.",
       "$extensions": {
         "com.figma": {
@@ -918,7 +1503,16 @@
     },
     "450": {
       "$type": "color",
-      "$value": "#4d6ca9",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.30196078431372547,
+          0.4235294117647059,
+          0.6627450980392157
+        ],
+        "alpha": 1,
+        "hex": "#4d6ca9"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 450: light tints.",
       "$extensions": {
         "com.figma": {
@@ -932,7 +1526,16 @@
     },
     "500": {
       "$type": "color",
-      "$value": "#4264a4",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.25882352941176473,
+          0.39215686274509803,
+          0.6431372549019608
+        ],
+        "alpha": 1,
+        "hex": "#4264a4"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 500: base colour.",
       "$extensions": {
         "com.figma": {
@@ -946,7 +1549,16 @@
     },
     "550": {
       "$type": "color",
-      "$value": "#385b9e",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2196078431372549,
+          0.3568627450980392,
+          0.6196078431372549
+        ],
+        "alpha": 1,
+        "hex": "#385b9e"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 550: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -960,7 +1572,16 @@
     },
     "600": {
       "$type": "color",
-      "$value": "#2e5299",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1803921568627451,
+          0.3215686274509804,
+          0.6
+        ],
+        "alpha": 1,
+        "hex": "#2e5299"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 600: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -974,7 +1595,16 @@
     },
     "650": {
       "$type": "color",
-      "$value": "#23427f",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.13725490196078433,
+          0.25882352941176473,
+          0.4980392156862745
+        ],
+        "alpha": 1,
+        "hex": "#23427f"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 650: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -988,7 +1618,16 @@
     },
     "700": {
       "$type": "color",
-      "$value": "#193366",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.09803921568627451,
+          0.2,
+          0.4
+        ],
+        "alpha": 1,
+        "hex": "#193366"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 700: shades for borders and icons.",
       "$extensions": {
         "com.figma": {
@@ -1002,7 +1641,16 @@
     },
     "750": {
       "$type": "color",
-      "$value": "#10254f",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.06274509803921569,
+          0.1450980392156863,
+          0.30980392156862746
+        ],
+        "alpha": 1,
+        "hex": "#10254f"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 750: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -1016,7 +1664,16 @@
     },
     "800": {
       "$type": "color",
-      "$value": "#071738",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.027450980392156862,
+          0.09019607843137255,
+          0.2196078431372549
+        ],
+        "alpha": 1,
+        "hex": "#071738"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 800: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -1030,7 +1687,16 @@
     },
     "850": {
       "$type": "color",
-      "$value": "#040f2a",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.01568627450980392,
+          0.058823529411764705,
+          0.16470588235294117
+        ],
+        "alpha": 1,
+        "hex": "#040f2a"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 850: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -1044,7 +1710,16 @@
     },
     "900": {
       "$type": "color",
-      "$value": "#02071c",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.00784313725490196,
+          0.027450980392156862,
+          0.10980392156862745
+        ],
+        "alpha": 1,
+        "hex": "#02071c"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 900: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -1058,7 +1733,16 @@
     },
     "950": {
       "$type": "color",
-      "$value": "#00030f",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.011764705882352941,
+          0.058823529411764705
+        ],
+        "alpha": 1,
+        "hex": "#00030f"
+      },
       "$description": "Informational state — neutral highlights, tips, and in-progress notices. Step 950: darkest shades for text and high emphasis.",
       "$extensions": {
         "com.figma": {
@@ -1071,4 +1755,4 @@
       }
     }
   }
-}
+}