@rijkshuisstijl-community/design-tokens 1.1.0 → 2.0.0

package/src/generated/uitvoerend-violet/tokens.json

@@ -1,25 +1,257 @@
 {
   "utrecht": {
-    "pre-heading": {
+    "column-layout": {
+      "column-rule-color": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "column-rule-width": {
+        "value": "0px",
+        "type": "borderWidth"
+      },
+      "column-width": {
+        "value": "400px",
+        "type": "sizing"
+      },
+      "gap": {
+        "value": "0.75rem",
+        "type": "spacing"
+      }
+    },
+    "blockquote": {
+      "background-color": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "border-inline-start-width": {
+        "value": 0,
+        "type": "dimension"
+      },
+      "border-color": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "border-radius": {
+        "value": 0,
+        "type": "dimension"
+      },
+      "border-width": {
+        "value": 0,
+        "type": "dimension"
+      },
       "color": {
-        "value": "#0F172A",
+        "value": "#154273",
         "type": "color"
       },
+      "font-size": {
+        "value": "1.25rem",
+        "type": "fontSizes"
+      },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
-      "font-weight": {
-        "value": 700,
-        "type": "fontWeights"
+      "padding-block-end": {
+        "value": "2rem",
+        "type": "dimension"
       },
-      "line-height": {
-        "value": "125%",
-        "type": "lineHeights"
+      "padding-block-start": {
+        "value": "2rem",
+        "type": "dimension"
       },
-      "font-size": {
-        "value": "1rem",
-        "type": "fontSizes"
+      "padding-inline-end": {
+        "value": "2rem",
+        "type": "dimension"
+      },
+      "padding-inline-start": {
+        "value": "2rem",
+        "type": "dimension"
+      },
+      "row-gap": {
+        "value": "0.75rem",
+        "type": "dimension"
+      },
+      "attribution": {
+        "color": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
+        }
+      },
+      "content": {
+        "color": {
+          "value": "#154273",
+          "type": "color"
+        },
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
+        },
+        "font-family": {
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+          "type": "fontFamilies"
+        },
+        "line-height": {
+          "value": "150%",
+          "type": "lineHeights"
+        },
+        "font-weight": {
+          "value": 400,
+          "type": "fontWeights"
+        }
+      },
+      "caption": {
+        "font-size": {
+          "value": "1.25rem",
+          "type": "fontSizes"
+        },
+        "font-family": {
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+          "type": "fontFamilies"
+        },
+        "line-height": {
+          "value": "150%",
+          "type": "lineHeights"
+        },
+        "font-weight": {
+          "value": 400,
+          "type": "fontWeights"
+        },
+        "padding-block-start": {
+          "value": "0.75rem",
+          "type": "spacing"
+        },
+        "color": {
+          "value": "#154273",
+          "type": "color"
+        }
+      },
+      "margin-block-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-block-start": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-inline-end": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "margin-inline-start": {
+        "value": 0,
+        "type": "spacing"
+      },
+      "border-block-start-width": {
+        "value": 0,
+        "type": "borderWidth"
+      },
+      "border-block-end-width": {
+        "value": 0,
+        "type": "borderWidth"
+      },
+      "border-inline-end-width": {
+        "value": 0,
+        "type": "borderWidth"
+      },
+      "border-start-start-radius": {
+        "value": 0,
+        "type": "borderRadius"
+      },
+      "border-start-end-radius": {
+        "value": 0,
+        "type": "borderRadius"
+      },
+      "border-end-start-radius": {
+        "value": 0,
+        "type": "borderRadius"
+      },
+      "border-end-end-radius": {
+        "value": 0,
+        "type": "borderRadius"
+      },
+      "blue-corner-border-variation": {
+        "border-color": {
+          "value": "#a90061",
+          "type": "color"
+        },
+        "border-block-end-width": {
+          "value": "2px",
+          "type": "borderWidth"
+        },
+        "border-inline-end-width": {
+          "value": "2px",
+          "type": "borderWidth"
+        },
+        "border-end-end-radius": {
+          "value": "3rem",
+          "type": "borderRadius"
+        }
+      },
+      "pink-background-variation": {
+        "background-color": {
+          "value": "#F6BDE1",
+          "type": "color"
+        },
+        "border-end-start-radius": {
+          "value": "3rem",
+          "type": "borderRadius"
+        },
+        "padding": {
+          "value": "2.5rem",
+          "type": "spacing"
+        }
+      },
+      "pink-left-border-variation": {
+        "border-color": {
+          "value": "#F6BDE1",
+          "type": "color"
+        },
+        "border-inline-start-width": {
+          "value": "0.75rem",
+          "type": "borderWidth"
+        },
+        "padding-inline-start": {
+          "value": "2.5rem",
+          "type": "spacing"
+        },
+        "padding-inline-end": {
+          "value": "2.5rem",
+          "type": "spacing"
+        },
+        "padding-block-start": {
+          "value": "1.5rem",
+          "type": "spacing"
+        },
+        "padding-block-end": {
+          "value": "1.5rem",
+          "type": "spacing"
+        }
+      },
+      "pink-corner-border-variation": {
+        "border-color": {
+          "value": "#F6BDE1",
+          "type": "color"
+        },
+        "border-block-start-width": {
+          "value": "0.25rem",
+          "type": "borderWidth"
+        },
+        "border-inline-start-width": {
+          "value": "0.25rem",
+          "type": "borderWidth"
+        },
+        "border-start-start-radius": {
+          "value": "3rem",
+          "type": "borderRadius"
+        },
+        "padding": {
+          "value": "2.5rem",
+          "type": "spacing"
+        }
       }
     },
     "icon": {
@@ -54,7 +286,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -100,7 +332,7 @@
         "type": "borderRadius"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -140,7 +372,7 @@
         "type": "color"
       },
       "border-color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "color": {
@@ -189,7 +421,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "color": {
@@ -235,7 +467,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#738eab",
+          "value": "#CB66A0",
           "type": "color"
         },
         "color": {
@@ -270,7 +502,7 @@
         "type": "color"
       },
       "border-color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "color": {
@@ -307,7 +539,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "color": {
@@ -353,7 +585,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#738eab",
+          "value": "#CB66A0",
           "type": "color"
         },
         "color": {
@@ -378,7 +610,7 @@
         "type": "borderWidth"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -405,7 +637,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -431,7 +663,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -471,7 +703,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -543,7 +775,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "line-height": {
@@ -608,7 +840,7 @@
         "type": "fontWeights"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -649,7 +881,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "border-style": {
@@ -676,7 +908,7 @@
         }
       },
       "background-color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "border-color": {
@@ -756,7 +988,7 @@
         "type": "color"
       },
       "border-color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "color": {
@@ -787,7 +1019,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "color": {
@@ -819,7 +1051,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#738eab",
+          "value": "#CB66A0",
           "type": "color"
         },
         "color": {
@@ -860,7 +1092,7 @@
         "type": "borderWidth"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -891,7 +1123,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#4f7196",
+          "value": "#BE4088",
           "type": "color"
         }
       },
@@ -910,7 +1142,7 @@
         "type": "color"
       },
       "border-color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "invalid": {
@@ -933,7 +1165,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "border-width": {
@@ -957,7 +1189,7 @@
       },
       "checked": {
         "background-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "border-color": {
@@ -970,7 +1202,7 @@
         },
         "hover": {
           "background-color": {
-            "value": "#738eab",
+            "value": "#CB66A0",
             "type": "color"
           },
           "border-color": {
@@ -988,7 +1220,7 @@
         },
         "active": {
           "background-color": {
-            "value": "#4f7196",
+            "value": "#BE4088",
             "type": "color"
           },
           "border-color": {
@@ -1010,11 +1242,11 @@
             "type": "color"
           },
           "border-color": {
-            "value": "#154273",
+            "value": "#a90061",
             "type": "color"
           },
           "color": {
-            "value": "#154273",
+            "value": "#a90061",
             "type": "color"
           },
           "border-width": {
@@ -1047,7 +1279,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#738eab",
+          "value": "#CB66A0",
           "type": "color"
         },
         "border-width": {
@@ -1064,13 +1296,35 @@
         "type": "borderWidth"
       }
     },
+    "pre-heading": {
+      "color": {
+        "value": "#0F172A",
+        "type": "color"
+      },
+      "font-family": {
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 700,
+        "type": "fontWeights"
+      },
+      "line-height": {
+        "value": "125%",
+        "type": "lineHeights"
+      },
+      "font-size": {
+        "value": "1rem",
+        "type": "fontSizes"
+      }
+    },
     "paragraph": {
       "color": {
         "value": "#0F172A",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -1148,7 +1402,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1282,7 +1536,7 @@
         "type": "other"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1300,11 +1554,11 @@
     },
     "heading-1": {
       "color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1330,11 +1584,11 @@
     },
     "heading-2": {
       "color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1360,11 +1614,11 @@
     },
     "heading-3": {
       "color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1390,11 +1644,11 @@
     },
     "heading-4": {
       "color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1420,11 +1674,11 @@
     },
     "heading-5": {
       "color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -1468,7 +1722,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -1500,7 +1754,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -1526,7 +1780,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -1588,7 +1842,7 @@
     },
     "page-footer": {
       "background-color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "color": {
@@ -1673,7 +1927,7 @@
           "type": "color"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-size": {
@@ -1753,11 +2007,11 @@
         "type": "borderRadius"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "background-color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "border-color": {
@@ -1797,7 +2051,7 @@
         "type": "color"
       },
       "border-color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "invalid": {
@@ -1820,7 +2074,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "border-width": {
@@ -1840,7 +2094,7 @@
       },
       "checked": {
         "background-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "border-color": {
@@ -1879,11 +2133,11 @@
             "type": "color"
           },
           "border-color": {
-            "value": "#154273",
+            "value": "#a90061",
             "type": "color"
           },
           "color": {
-            "value": "#154273",
+            "value": "#a90061",
             "type": "color"
           }
         },
@@ -1893,7 +2147,7 @@
             "type": "borderWidth"
           },
           "background-color": {
-            "value": "#738eab",
+            "value": "#CB66A0",
             "type": "color"
           },
           "border-color": {
@@ -1911,7 +2165,7 @@
             "type": "borderWidth"
           },
           "background-color": {
-            "value": "#4f7196",
+            "value": "#BE4088",
             "type": "color"
           },
           "border-color": {
@@ -1926,7 +2180,7 @@
       },
       "indeterminate": {
         "background-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "border-color": {
@@ -1957,7 +2211,7 @@
         },
         "active": {
           "background-color": {
-            "value": "#4f7196",
+            "value": "#BE4088",
             "type": "color"
           },
           "border-color": {
@@ -1975,7 +2229,7 @@
         },
         "hover": {
           "background-color": {
-            "value": "#738eab",
+            "value": "#CB66A0",
             "type": "color"
           },
           "border-color": {
@@ -1997,11 +2251,11 @@
             "type": "color"
           },
           "border-color": {
-            "value": "#154273",
+            "value": "#a90061",
             "type": "color"
           },
           "color": {
-            "value": "#154273",
+            "value": "#a90061",
             "type": "color"
           },
           "border-width": {
@@ -2024,7 +2278,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#738eab",
+          "value": "#CB66A0",
           "type": "color"
         }
       },
@@ -2038,7 +2292,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#4f7196",
+          "value": "#BE4088",
           "type": "color"
         }
       }
@@ -2075,15 +2329,15 @@
     },
     "button": {
       "background-color": {
-        "value": "transparent",
+        "value": "#0F172A",
         "type": "color"
       },
       "border-color": {
-        "value": "#334155",
+        "value": "transparent",
         "type": "color"
       },
       "color": {
-        "value": "#334155",
+        "value": "#fff",
         "type": "color"
       },
       "border-radius": {
@@ -2105,7 +2359,7 @@
         }
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -2138,7 +2392,7 @@
       },
       "disabled": {
         "background-color": {
-          "value": "#F8FAFC",
+          "value": "#E2E8F0",
           "type": "color"
         },
         "border-color": {
@@ -2146,13 +2400,13 @@
           "type": "color"
         },
         "color": {
-          "value": "#64748B",
+          "value": "#94A3B8",
           "type": "color"
         }
       },
       "focus": {
         "background-color": {
-          "value": "#FDDE94",
+          "value": "#475569",
           "type": "color"
         },
         "border-color": {
@@ -2160,35 +2414,35 @@
           "type": "color"
         },
         "color": {
-          "value": "#1E293B",
+          "value": "#fff",
           "type": "color"
         }
       },
       "hover": {
         "background-color": {
-          "value": "#F8FAFC",
+          "value": "#475569",
           "type": "color"
         },
         "border-color": {
-          "value": "#1E293B",
+          "value": "transparent",
           "type": "color"
         },
         "color": {
-          "value": "#1E293B",
+          "value": "#fff",
           "type": "color"
         }
       },
       "active": {
         "background-color": {
-          "value": "#CBD5E1",
+          "value": "#1E293B",
           "type": "color"
         },
         "border-color": {
-          "value": "#0F172A",
+          "value": "transparent",
           "type": "color"
         },
         "color": {
-          "value": "#0F172A",
+          "value": "#fff",
           "type": "color"
         }
       },
@@ -2237,7 +2491,7 @@
             "type": "color"
           },
           "border-color": {
-            "value": "#D88CB7",
+            "value": "transparent",
             "type": "color"
           },
           "color": {
@@ -2247,7 +2501,7 @@
         },
         "focus": {
           "background-color": {
-            "value": "#a90061",
+            "value": "#741344",
             "type": "color"
           },
           "border-color": {
@@ -2293,20 +2547,43 @@
         "line-height": {
           "value": "1.875rem",
           "type": "lineHeights"
+        },
+        "pressed": {
+          "background-color": {
+            "value": "#63143a",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.4",
+                  "space": "lch"
+                }
+              }
+            }
+          },
+          "border-color": {
+            "value": "transparent",
+            "type": "color"
+          },
+          "color": {
+            "value": "#fff",
+            "type": "color"
+          }
         }
       },
       "secondary-action": {
         "hover": {
           "background-color": {
-            "value": "#e5b3d0",
+            "value": "#f2d9e7",
             "type": "color"
           },
           "border-color": {
-            "value": "transparent",
+            "value": "#741344",
             "type": "color"
           },
           "color": {
-            "value": "#a90061",
+            "value": "#741344",
             "type": "color"
           }
         },
@@ -2328,7 +2605,7 @@
             "type": "color"
           },
           "border-color": {
-            "value": "#CB66A0",
+            "value": "#D88CB7",
             "type": "color"
           },
           "color": {
@@ -2338,7 +2615,7 @@
         },
         "focus": {
           "background-color": {
-            "value": "#e5b3d0",
+            "value": "#f2d9e7",
             "type": "color"
           },
           "border-color": {
@@ -2346,7 +2623,7 @@
             "type": "color"
           },
           "color": {
-            "value": "#a90061",
+            "value": "#741344",
             "type": "color"
           }
         },
@@ -2360,11 +2637,20 @@
             "type": "color"
           },
           "border-color": {
-            "value": "#a90061",
-            "type": "color"
+            "value": "#63143a",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.4",
+                  "space": "lch"
+                }
+              }
+            }
           },
           "color": {
-            "value": "#a90061",
+            "value": "#741344",
             "type": "color"
           }
         },
@@ -2375,6 +2661,38 @@
         "line-height": {
           "value": "1.875rem",
           "type": "lineHeights"
+        },
+        "pressed": {
+          "background-color": {
+            "value": "#e5b3d0",
+            "type": "color"
+          },
+          "border-color": {
+            "value": "#63143a",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.4",
+                  "space": "lch"
+                }
+              }
+            }
+          },
+          "color": {
+            "value": "#63143a",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.4",
+                  "space": "lch"
+                }
+              }
+            }
+          }
         }
       },
       "subtle": {
@@ -2388,7 +2706,7 @@
         },
         "hover": {
           "background-color": {
-            "value": "transparent",
+            "value": "#f2d9e7",
             "type": "color"
           },
           "border-color": {
@@ -2436,13 +2754,13 @@
             "type": "color"
           },
           "color": {
-            "value": "#a90061",
+            "value": "#741344",
             "type": "color"
           }
         },
         "active": {
           "background-color": {
-            "value": "transparent",
+            "value": "#D88CB7",
             "type": "color"
           },
           "border-color": {
@@ -2466,6 +2784,43 @@
         "line-height": {
           "value": "1.875rem",
           "type": "lineHeights"
+        },
+        "pressed": {
+          "background-color": {
+            "value": "#e5b3d0",
+            "type": "color"
+          },
+          "border-color": {
+            "value": "transparent",
+            "type": "color"
+          },
+          "color": {
+            "value": "#63143a",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "darken",
+                  "value": "0.4",
+                  "space": "lch"
+                }
+              }
+            }
+          }
+        }
+      },
+      "pressed": {
+        "background-color": {
+          "value": "#1E293B",
+          "type": "color"
+        },
+        "border-color": {
+          "value": "transparent",
+          "type": "color"
+        },
+        "color": {
+          "value": "#fff",
+          "type": "color"
         }
       }
     },
@@ -2565,243 +2920,33 @@
         "text-decoration": {
           "value": "underline",
           "type": "textDecoration"
-        }
-      },
-      "divider": {
-        "size": {
-          "value": "24px",
-          "type": "sizing"
-        },
-        "color": {
-          "value": "#334155",
-          "type": "color"
-        },
-        "inset-block-start": {
-          "value": 0,
-          "type": "spacing"
-        }
-      },
-      "margin-inline": {
-        "value": "0.5rem",
-        "type": "spacing"
-      },
-      "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
-        "type": "fontFamilies"
-      },
-      "font-weight": {
-        "value": 400,
-        "type": "fontWeights"
-      }
-    },
-    "blockquote": {
-      "caption": {
-        "font-size": {
-          "value": "1.25rem",
-          "type": "fontSizes"
-        },
-        "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
-          "type": "fontFamilies"
-        },
-        "line-height": {
-          "value": "150%",
-          "type": "lineHeights"
-        },
-        "font-weight": {
-          "value": 400,
-          "type": "fontWeights"
-        },
-        "padding-block-start": {
-          "value": "0.75rem",
-          "type": "spacing"
-        },
-        "color": {
-          "value": "#334155",
-          "type": "color"
-        }
-      },
-      "content": {
-        "font-family": {
-          "value": "RijksoverheidSerifWeb, 'Times New Roman', serif",
-          "type": "fontFamilies"
-        },
-        "line-height": {
-          "value": "150%",
-          "type": "lineHeights"
-        },
-        "font-weight": {
-          "value": 400,
-          "type": "fontWeights"
-        },
-        "font-size": {
-          "value": "1.5rem",
-          "type": "fontSizes"
-        },
-        "color": {
-          "value": "#0F172A",
-          "type": "color"
-        }
-      },
-      "margin-block-end": {
-        "value": 0,
-        "type": "spacing"
-      },
-      "margin-block-start": {
-        "value": 0,
-        "type": "spacing"
-      },
-      "margin-inline-end": {
-        "value": 0,
-        "type": "spacing"
-      },
-      "margin-inline-start": {
-        "value": 0,
-        "type": "spacing"
-      },
-      "padding-block-end": {
-        "value": "2rem",
-        "type": "spacing"
-      },
-      "padding-block-start": {
-        "value": "2rem",
-        "type": "spacing"
-      },
-      "padding-inline-end": {
-        "value": "2rem",
-        "type": "spacing"
-      },
-      "padding-inline-start": {
-        "value": "2rem",
-        "type": "spacing"
-      },
-      "row-gap": {
-        "value": "0.75rem",
-        "type": "spacing"
-      },
-      "background-color": {
-        "value": "transparent",
-        "type": "color"
-      },
-      "border-color": {
-        "value": "#a90061",
-        "type": "color"
-      },
-      "border-block-start-width": {
-        "value": 0,
-        "type": "borderWidth"
-      },
-      "border-block-end-width": {
-        "value": 0,
-        "type": "borderWidth"
-      },
-      "border-inline-start-width": {
-        "value": 0,
-        "type": "borderWidth"
-      },
-      "border-inline-end-width": {
-        "value": 0,
-        "type": "borderWidth"
-      },
-      "border-start-start-radius": {
-        "value": 0,
-        "type": "borderRadius"
-      },
-      "border-start-end-radius": {
-        "value": 0,
-        "type": "borderRadius"
-      },
-      "border-end-start-radius": {
-        "value": 0,
-        "type": "borderRadius"
-      },
-      "border-end-end-radius": {
-        "value": 0,
-        "type": "borderRadius"
-      },
-      "border-width": {
-        "value": "2px",
-        "type": "borderWidth"
-      },
-      "blue-corner-border-variation": {
-        "border-color": {
-          "value": "#a90061",
-          "type": "color"
-        },
-        "border-block-end-width": {
-          "value": "2px",
-          "type": "borderWidth"
-        },
-        "border-inline-end-width": {
-          "value": "2px",
-          "type": "borderWidth"
-        },
-        "border-end-end-radius": {
-          "value": "3rem",
-          "type": "borderRadius"
-        }
-      },
-      "pink-background-variation": {
-        "background-color": {
-          "value": "#F6BDE1",
-          "type": "color"
-        },
-        "border-end-start-radius": {
-          "value": "3rem",
-          "type": "borderRadius"
-        },
-        "padding": {
-          "value": "2.5rem",
-          "type": "spacing"
-        }
-      },
-      "pink-left-border-variation": {
-        "border-color": {
-          "value": "#F6BDE1",
-          "type": "color"
-        },
-        "border-inline-start-width": {
-          "value": "0.75rem",
-          "type": "borderWidth"
-        },
-        "padding-inline-start": {
-          "value": "2.5rem",
-          "type": "spacing"
-        },
-        "padding-inline-end": {
-          "value": "2.5rem",
-          "type": "spacing"
-        },
-        "padding-block-start": {
-          "value": "1.5rem",
-          "type": "spacing"
-        },
-        "padding-block-end": {
-          "value": "1.5rem",
-          "type": "spacing"
-        }
-      },
-      "pink-corner-border-variation": {
-        "border-color": {
-          "value": "#F6BDE1",
-          "type": "color"
-        },
-        "border-block-start-width": {
-          "value": "0.25rem",
-          "type": "borderWidth"
-        },
-        "border-inline-start-width": {
-          "value": "0.25rem",
-          "type": "borderWidth"
+        }
+      },
+      "divider": {
+        "size": {
+          "value": "24px",
+          "type": "sizing"
         },
-        "border-start-start-radius": {
-          "value": "3rem",
-          "type": "borderRadius"
+        "color": {
+          "value": "#334155",
+          "type": "color"
         },
-        "padding": {
-          "value": "2.5rem",
+        "inset-block-start": {
+          "value": 0,
           "type": "spacing"
         }
+      },
+      "margin-inline": {
+        "value": "0.5rem",
+        "type": "spacing"
+      },
+      "font-family": {
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
+        "type": "fontFamilies"
+      },
+      "font-weight": {
+        "value": 400,
+        "type": "fontWeights"
       }
     },
     "article": {
@@ -2813,7 +2958,7 @@
     "alert": {
       "heading": {
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -3048,11 +3193,11 @@
         },
         "focus": {
           "background-color": {
-            "value": "#dce3ea",
+            "value": "#f2d9e7",
             "type": "color"
           },
           "border-color": {
-            "value": "#154273",
+            "value": "#a90061",
             "type": "color"
           },
           "color": {
@@ -3090,7 +3235,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -3170,6 +3315,108 @@
     }
   },
   "rhc": {
+    "keep": {
+      "_comment": {
+        "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote.",
+        "type": "other"
+      },
+      "top-left": {
+        "borderRadiusTopLeft": {
+          "value": "48px",
+          "type": "borderRadius"
+        },
+        "borderRadiusTopRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        }
+      },
+      "top-right": {
+        "borderRadiusTopRight": {
+          "value": "48px",
+          "type": "borderRadius"
+        },
+        "borderRadiusTopLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        }
+      },
+      "bottom-right": {
+        "borderRadiusTopLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusTopRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomRight": {
+          "value": "48px",
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        }
+      },
+      "bottom-left": {
+        "borderRadiusTopLeft": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusTopRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomRight": {
+          "value": 0,
+          "type": "borderRadius"
+        },
+        "borderRadiusBottomLeft": {
+          "value": "48px",
+          "type": "borderRadius"
+        }
+      }
+    },
+    "rounded-corner": {
+      "xs": {
+        "border-radius": {
+          "value": "24px",
+          "type": "borderRadius"
+        }
+      },
+      "md": {
+        "border-radius": {
+          "value": "48px",
+          "type": "borderRadius"
+        }
+      },
+      "xl": {
+        "border-radius": {
+          "value": "96px",
+          "type": "borderRadius"
+        }
+      },
+      "border-width": {
+        "value": "2px",
+        "type": "borderWidth"
+      }
+    },
     "color": {
       "primary": {
         "50": {
@@ -3227,15 +3474,22 @@
           "type": "color",
           "description": "Gebruik voor content die extra context biedt, maar niet essentieel is om de interface te begrijpen."
         },
-        "onEmphasis": {
-          "parent": "mode/light",
-          "value": "#fff",
-          "type": "color",
-          "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
-        },
         "link": {
           "value": "#01689b",
           "type": "color"
+        },
+        "on-dark-color": {
+          "value": "#fff",
+          "type": "color"
+        },
+        "on-light-color": {
+          "value": "#000",
+          "type": "color"
+        },
+        "onEmphasis": {
+          "value": "#fff",
+          "type": "color",
+          "description": "Legacy token – wordt vervangen door rhc.color.foreground.on-dark-color"
         }
       },
       "border": {
@@ -3327,6 +3581,12 @@
           "type": "color"
         }
       },
+      "accent-2": {
+        "500": {
+          "value": "#f092cd",
+          "type": "color"
+        }
+      },
       "cool-grey": {
         "50": {
           "value": "#F8FAFC",
@@ -4049,7 +4309,7 @@
           "type": "fontSizes"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-weight": {
@@ -4094,7 +4354,7 @@
             "type": "borderStyle"
           },
           "border-color": {
-            "value": "#154273",
+            "value": "#a90061",
             "type": "color"
           },
           "background-color": {
@@ -4207,7 +4467,7 @@
         },
         "label": {
           "font-family": {
-            "value": "Fira Sans, Arial, Verdana, sans-serif",
+            "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
             "type": "font-family"
           },
           "font-size": {
@@ -4237,7 +4497,7 @@
         },
         "focus": {
           "background-color": {
-            "value": "#dce3ea",
+            "value": "#f2d9e7",
             "type": "color"
           }
         },
@@ -4461,7 +4721,7 @@
         },
         "label": {
           "font-family": {
-            "value": "Fira Sans, Arial, Verdana, sans-serif",
+            "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
             "type": "font-family"
           },
           "font-size": {
@@ -4541,7 +4801,7 @@
         "type": "spacing"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "color": {
@@ -4614,7 +4874,7 @@
           "type": "fontSizes"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         }
       },
@@ -4632,13 +4892,13 @@
           "type": "fontSizes"
         },
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         }
       },
       "message": {
         "background-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "color": {
@@ -4763,7 +5023,7 @@
             "type": "borderWidth"
           },
           "color": {
-            "value": "#738eab",
+            "value": "#CB66A0",
             "type": "color"
           },
           "style": {
@@ -4839,7 +5099,7 @@
         "type": "borderStyle"
       },
       "border-color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "border-width": {
@@ -4954,7 +5214,7 @@
       },
       "icon": {
         "color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "size": {
@@ -5038,7 +5298,7 @@
       },
       "focus": {
         "background-color": {
-          "value": "#dce3ea",
+          "value": "#f2d9e7",
           "type": "color"
         },
         "text-decoration": {
@@ -5066,7 +5326,7 @@
       },
       "heading": {
         "color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "padding-block-start": {
@@ -5084,7 +5344,7 @@
       },
       "horizontal": {
         "background-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "border-color": {
@@ -5126,7 +5386,7 @@
     "accordion": {
       "button": {
         "font-family": {
-          "value": "Fira Sans, Arial, Verdana, sans-serif",
+          "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
           "type": "fontFamilies"
         },
         "font-size": {
@@ -5203,80 +5463,6 @@
         "type": "color"
       }
     },
-    "keep": {
-      "top-left": {
-        "borderRadiusTopLeft": {
-          "value": "48px",
-          "type": "borderRadius"
-        },
-        "borderRadiusTopRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        }
-      },
-      "top-right": {
-        "borderRadiusTopRight": {
-          "value": "48px",
-          "type": "borderRadius"
-        },
-        "borderRadiusTopLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        }
-      },
-      "bottom-right": {
-        "borderRadiusTopLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusTopRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomRight": {
-          "value": "48px",
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        }
-      },
-      "bottom-left": {
-        "borderRadiusTopLeft": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusTopRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomRight": {
-          "value": 0,
-          "type": "borderRadius"
-        },
-        "borderRadiusBottomLeft": {
-          "value": "48px",
-          "type": "borderRadius"
-        }
-      }
-    },
     "border-radius": {
       "sm": {
         "value": "2.5px",
@@ -5286,10 +5472,6 @@
         "value": "5px",
         "type": "borderRadius"
       },
-      "keep": {
-        "value": "48px",
-        "type": "borderRadius"
-      },
       "circle": {
         "parent": "core/default",
         "value": "999px",
@@ -5501,7 +5683,7 @@
     },
     "font-family": {
       "primary": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "secondary": {
@@ -5591,7 +5773,7 @@
         "type": "fontWeights"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -5632,7 +5814,7 @@
           "type": "color"
         },
         "border-color": {
-          "value": "#154273",
+          "value": "#a90061",
           "type": "color"
         },
         "border-style": {
@@ -5659,7 +5841,7 @@
         }
       },
       "background-color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "border-color": {
@@ -5711,7 +5893,7 @@
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-size": {
@@ -5846,7 +6028,7 @@
         "type": "other"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -5864,11 +6046,11 @@
     },
     "heading-level-1": {
       "color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -5894,11 +6076,11 @@
     },
     "heading-level-2": {
       "color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -5924,11 +6106,11 @@
     },
     "heading-level-3": {
       "color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -5954,11 +6136,11 @@
     },
     "heading-level-4": {
       "color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -5984,11 +6166,11 @@
     },
     "heading-level-5": {
       "color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "font-weight": {
@@ -6042,11 +6224,11 @@
         "type": "borderRadius"
       },
       "font-family": {
-        "value": "Fira Sans, Arial, Verdana, sans-serif",
+        "value": "RijksoverheidSansWeb, Fira Sans, Arial, Verdana, sans-serif",
         "type": "fontFamilies"
       },
       "background-color": {
-        "value": "#154273",
+        "value": "#a90061",
         "type": "color"
       },
       "border-color": {