Please find here the design token architecture → Figma
Component tokens can be taken over by the Migros brand or overwritten by a brand. They always reference system tokens.
System tokens are divided into themes, screens and brands. The colours for light and dark are defined under "themes". These tokens always reference 02_system/brands/... tokens. Under "screens", all dynamic tokens are listed that change with different screen sizes. These are currently spacing and typography tokens. These tokens also always reference 02_system/brands/... tokens. All other tokens are listed under "brands". At this level, the standard Migros brand can be overwritten with a new brand.
Base tokens contain the raw values of all design decisions.