npm - @gyldendal/kobber-tokens - Versions diffs - 1.0.0 - Mend

@gyldendal/kobber-tokens 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/tokens.d.ts ADDED Viewed

@@ -0,0 +1,3361 @@
+/* eslint-disable @typescript-eslint/no-empty-object-type */
+export const primitives: {
+  "color": {
+    "concrete": {
+      "25": "#f9fafb",
+      "50": "#eceef1",
+      "150": "#cfd5dd",
+      "250": "#b2bdca",
+      "325": "#95a5b7",
+      "425": "#7e8d9d",
+      "525": "#697684",
+      "600": "#56616c",
+      "675": "#49525c",
+      "750": "#333a41",
+      "850": "#202429",
+      "900": "#191c20",
+      "1000": "#0f1114",
+      "1000-10%": "#0f11141a",
+      "25-10%": "#f9fafb1a"
+    },
+    "wine": {
+      "25": "#fbf9fa",
+      "50": "#f3eced",
+      "150": "#e5cfd3",
+      "250": "#d9b1ba",
+      "325": "#cc94a1",
+      "425": "#bf7588",
+      "525": "#a35e70",
+      "600": "#884d5d",
+      "675": "#6e3d4a",
+      "750": "#532d37",
+      "850": "#351c23",
+      "900": "#29161b",
+      "1000": "#1a0e12"
+    },
+    "aubergine": {
+      "25": "#fdf9f9",
+      "50": "#f9eaed",
+      "150": "#f5c9d3",
+      "250": "#f3a5b9",
+      "325": "#f07fa0",
+      "425": "#ec4f87",
+      "525": "#ce3871",
+      "600": "#ab2c5d",
+      "675": "#8a224a",
+      "750": "#691837",
+      "850": "#481125",
+      "900": "#330314",
+      "1000": "#28000e",
+      "850-10%": "#4811251a",
+      "1000-10%": "#28000e1a",
+      "25-10%": "#fdf9f91a",
+      "25-20%": "#fdf9f933",
+      "1000-20%": "#28000e33"
+    },
+    "carmine": {
+      "25": "#fdf8f8",
+      "50": "#fbeaea",
+      "150": "#fbc7c9",
+      "250": "#fda1a7",
+      "325": "#fc7887",
+      "425": "#fc3d66",
+      "525": "#dc134f",
+      "600": "#b90f41",
+      "675": "#970933",
+      "750": "#730525",
+      "850": "#4a0817",
+      "900": "#3a0710",
+      "1000": "#1d0001",
+      "1000-10%": "#1d00011a"
+    },
+    "thriller": {
+      "250": "#aec3c3",
+      "850": "#0b2e3a",
+      "900": "#081e27",
+      "900-50%": "#081e271a",
+      "250-10%": "#aec3c31a"
+    },
+    "fantasy": {
+      "250": "#c1b9c4",
+      "750": "#3f3643",
+      "850": "#28222a",
+      "850-10%": "#28222a1a",
+      "250-10%": "#c1b9c41a"
+    },
+    "nature": {
+      "25": "#d9e7d5",
+      "525": "#6c7868",
+      "750": "#343a32",
+      "750-50%": "#343a321a",
+      "25-10%": "#d9e7d51a"
+    },
+    "nostalgia": {
+      "25": "#fdf9f6",
+      "600": "#705b4a",
+      "850": "#2f2115",
+      "850-10%": "#2f21151a",
+      "25-10%": "#fdf9f61a"
+    },
+    "vacation": {
+      "25": "#faebe6",
+      "150": "#b02c13",
+      "600": "#705a56",
+      "150-10%": "#b02c131a",
+      "25-10%": "#faebe61a"
+    },
+    "romance": {
+      "50": "#f9eaec",
+      "675": "#8a224a",
+      "750": "#691837",
+      "750-10%": "#6918371a",
+      "50-10%": "#f9eaec1a"
+    },
+    "orange": {
+      "75": "#ffe6d2",
+      "125": "#ffcfa6",
+      "175": "#ffbb7c",
+      "450": "#f6a04a",
+      "700": "#623a0e",
+      "700-10%": "#623a0e1a",
+      "75-10%": "#ffe6d21a"
+    },
+    "purple": {
+      "25": "#ece6f9",
+      "125": "#e0d4f8",
+      "175": "#d7c1f8",
+      "450": "#7155f0",
+      "700": "#4420b0",
+      "700-50%": "#4420b01a",
+      "25-10%": "#ece6f91a"
+    },
+    "green": {
+      "75": "#cbfbdb",
+      "125": "#86fbbc",
+      "175": "#5ae89f",
+      "450": "#03834e",
+      "700": "#014f2d",
+      "700-50%": "#014f2d1a",
+      "75-10%": "#cbfbdb1a",
+      "450-10%": "#03834e1a"
+    },
+    "lawblue": {
+      "10": "#f1f1ff",
+      "20": "#dcddff",
+      "30": "#bdc0fe",
+      "40": "#989efb",
+      "50": "#787efa",
+      "60": "#5555ff",
+      "70": "#363ccd",
+      "80": "#24289c",
+      "90": "#1a196b",
+      "100": "#120d3e",
+      "100-10%": "#120d3e1a",
+      "10-10%": "#f1f1ff1a",
+      "50 2": "#787efa"
+    }
+  },
+  "size": {
+    "1": 1,
+    "2": 2,
+    "4": 4,
+    "8": 8,
+    "10": 10,
+    "12": 12,
+    "14": 14,
+    "16": 16,
+    "20": 20,
+    "24": 24,
+    "32": 32,
+    "40": 40,
+    "48": 48,
+    "56": 56,
+    "64": 64,
+    "72": 72,
+    "96": 96,
+    "104": 104,
+    "120": 120,
+    "128": 128,
+    "154": 154,
+    "180": 180,
+    "208": 208,
+    "224": 224,
+    "232": 232,
+    "262": 262,
+    "301": 301,
+    "320": 320,
+    "366": 366,
+    "448": 448,
+    "520": 520,
+    "640": 640,
+    "720": 720,
+    "1000": 1000,
+    "1280": 1280,
+    "1600": 1600,
+    "9999": 9999
+  },
+  "font": {
+    "weight": {
+      "200": 200,
+      "300": 300,
+      "400": 400,
+      "500": 500,
+      "600": 600
+    },
+    "family": {
+      "ppMori": "pp-mori",
+      "lyonDisplay": "lyon-display",
+      "inter": "inter"
+    },
+    "lineHeight": {
+      "12": 12,
+      "18": 18,
+      "20": 20,
+      "22": 22,
+      "23": 23,
+      "24": 24,
+      "25": 25,
+      "26": 26,
+      "28": 28,
+      "30": 30,
+      "32": 32,
+      "35": 35,
+      "40": 40,
+      "50": 50,
+      "60": 60,
+      "70": 70
+    },
+    "size": {
+      "12": 12,
+      "14": 14,
+      "16": 16,
+      "18": 18,
+      "20": 20,
+      "24": 24,
+      "28": 28,
+      "32": 32,
+      "40": 40,
+      "48": 48,
+      "56": 56
+    }
+  },
+  "elevation": {
+    "zIndex": {
+      "1": 1,
+      "10": 10,
+      "11": 11,
+      "100": 100,
+      "1000": 1000,
+      "1050": 1050,
+      "1100": 1100,
+      "9000": 9000,
+      "9999": 9999,
+      "-1": -1
+    }
+  },
+  "opacity": {
+    "10": 0.1,
+    "50": 0.5,
+    "90": 0.9,
+    "100": 1
+  },
+  "blur": {
+    "2": 2
+  }
+};
+export const groups: {
+  "buttons": {
+    "space": {
+      "small": 8,
+      "large": 16,
+      "medium": 12
+    },
+    "size": {
+      "large": 40,
+      "medium": 24
+    },
+    "stroke": 1,
+    "color": {
+      "aubergine": {
+        "opaque": {
+          "midtone": "#691837",
+          "bright": "#f9eaed",
+          "brightest": "#fdf9f9",
+          "dark": "#481125"
+        },
+        "transparent": {
+          "brightest": "#fdf9f91a",
+          "midtone": "#4811251a",
+          "darkest": "#28000e1a"
+        }
+      },
+      "neutral": {
+        "opaque": {
+          "bright": "#eceef1",
+          "darkest": "#191c20",
+          "dark": "#697684"
+        },
+        "transparent": {
+          "brightest": "#f9fafb1a",
+          "darkest": "#0f11141a"
+        }
+      },
+      "carmine": {
+        "opaque": {
+          "darkest": "#dc134f",
+          "brightest": "#fbeaea"
+        },
+        "transparent": {
+          "dark": "#1d00011a"
+        }
+      },
+      "rettsdata": {
+        "opaque": {
+          "midtone": "#5555ff",
+          "brightest": "#dcddff",
+          "darkest": "#1a196b"
+        },
+        "transparent": {
+          "brightest": "#f1f1ff1a",
+          "darkest": "#120d3e1a"
+        }
+      },
+      "success": {
+        "opaque": {
+          "brightest": "#cbfbdb",
+          "darkest": "#014f2d"
+        },
+        "transparent": {
+          "brightest": "#cbfbdb1a",
+          "darkest": "#03834e1a"
+        }
+      },
+      "informative": {
+        "opaque": {
+          "brightest": "#ece6f9",
+          "darkest": "#4420b0"
+        },
+        "transparent": {
+          "brightest": "#ece6f91a",
+          "darkest": "#4420b01a"
+        }
+      },
+      "warning": {
+        "opaque": {
+          "brightest": "#ffe6d2",
+          "darkest": "#623a0e"
+        },
+        "transparent": {
+          "brightest": "#ffe6d21a",
+          "darkest": "#623a0e1a"
+        }
+      },
+      "nostalgia": {
+        "opaque": {
+          "darkest": "#2f2115",
+          "brightest": "#fdf9f6"
+        },
+        "transparent": {
+          "brightest": "#fdf9f61a",
+          "darkest": "#2f21151a"
+        }
+      },
+      "vacation": {
+        "opaque": {
+          "darkest": "#b02c13",
+          "brightest": "#faebe6"
+        },
+        "transparent": {
+          "brightest": "#faebe61a",
+          "darkest": "#b02c131a"
+        }
+      },
+      "nature": {
+        "opaque": {
+          "darkest": "#343a32",
+          "brightest": "#d9e7d5"
+        },
+        "transparent": {
+          "brightest": "#d9e7d51a",
+          "darkest": "#343a321a"
+        }
+      },
+      "romance": {
+        "opaque": {
+          "darkest": "#691837",
+          "brightest": "#f9eaec"
+        },
+        "transparent": {
+          "brightest": "#f9eaec1a",
+          "darkest": "#6918371a"
+        }
+      },
+      "fantasy": {
+        "opaque": {
+          "darkest": "#28222a",
+          "brightest": "#c1b9c4"
+        },
+        "transparent": {
+          "brightest": "#c1b9c41a",
+          "darkest": "#28222a1a"
+        }
+      },
+      "thriller": {
+        "opaque": {
+          "darkest": "#081e27",
+          "brightest": "#aec3c3"
+        },
+        "transparent": {
+          "brightest": "#aec3c31a",
+          "darkest": "#081e271a"
+        }
+      }
+    },
+    "border": {
+      "radius": 8
+    },
+    "visual": {
+      "icon": {
+        "size": 16
+      }
+    }
+  },
+  "inputs": {
+    "space": {
+      "medium": 12,
+      "large": 16,
+      "small": 8,
+      "xsmall": 4
+    },
+    "stroke": {
+      "regular": 1,
+      "fat": 4,
+      "thick": 2
+    },
+    "color": {
+      "success-700": "#014f2d",
+      "success-75": "#cbfbdb",
+      "aubergine-50": "#f9eaed",
+      "aubergine-150": "#f5c9d3",
+      "wine-600": "#884d5d",
+      "aubergine-675": "#8a224a",
+      "aubergine-850": "#481125",
+      "aubergine-900": "#330314",
+      "success-175": "#5ae89f",
+      "aubergine-525": "#a35e70",
+      "wine-150": "#e5cfd3"
+    },
+    "radius": {
+      "small": 8,
+      "circle": 9999,
+      "large": 24
+    },
+    "size": {
+      "small": 16,
+      "xsmall": 14,
+      "xxsmall": 10
+    }
+  },
+  "utilities": {
+    "radius": 8,
+    "stroke": 1,
+    "space": 2,
+    "color": {
+      "wine-150": "#e5cfd3",
+      "wine-600": "#884d5d",
+      "aubergine-750": "#691837",
+      "aubergine-150": "#f5c9d3",
+      "concrete-525": "#697684",
+      "concrete-150": "#697684",
+      "rettsdata-60": "#5555ff",
+      "rettsdata-30": "#bdc0fe"
+    }
+  },
+  "badges": {
+    "color": {
+      "aubergine-50": "#f9eaed",
+      "aubergine-750": "#691837",
+      "carmine-525": "#dc134f",
+      "aubergine-675": "#8a224a",
+      "aubergine-425": "#ec4f87",
+      "lawblue-60": "#5555ff",
+      "lawblue-10": "#f1f1ff",
+      "lawblue-90": "#1a196b",
+      "lawblue-20": "#dcddff",
+      "concrete-850": "#202429",
+      "concrete-50": "#eceef1",
+      "carmine-25": "#fbeaea",
+      "nature-750": "#343a32",
+      "nature-25": "#d9e7d5",
+      "fantasy-850": "#28222a",
+      "fantasy-250": "#c1b9c4",
+      "thriller-900": "#081e27",
+      "thriller-250": "#aec3c3",
+      "romance-750": "#691837",
+      "romance-50": "#f9eaec",
+      "vacation-150": "#b02c13",
+      "vacation-25": "#faebe6",
+      "nostalgia-850": "#2f2115",
+      "nostalgia-25": "#fdf9f6"
+    },
+    "space": {
+      "large": 8,
+      "medium": 4
+    },
+    "size": {
+      "medium": 10,
+      "small": 8
+    },
+    "radius": 4,
+    "visual": {
+      "icon": {
+        "size": {
+          "large": 16,
+          "medium": 12
+        }
+      }
+    }
+  },
+  "links": {
+    "space": {
+      "small": 8,
+      "large": 64,
+      "medium": 16
+    },
+    "color": {
+      "carmine-525": "#dc134f",
+      "aubergine-750": "#691837",
+      "wine-600": "#884d5d"
+    },
+    "stroke": 1,
+    "visual": {
+      "icon": {
+        "size": {
+          "large": 16,
+          "medium": 12
+        }
+      }
+    },
+    "radius": 8
+  },
+  "alerts": {
+    "space": {
+      "small": 8,
+      "medium": 12,
+      "large": 16,
+      "xsmall": 4,
+      "xlarge": 24
+    },
+    "radius": {
+      "small": 8,
+      "medium": 12
+    },
+    "color": {
+      "success": {
+        "darkest": "#014f2d",
+        "brightest": "#cbfbdb"
+      },
+      "info": {
+        "brightest": "#ece6f9",
+        "darkest": "#4420b0"
+      },
+      "warning": {
+        "brightest": "#ffe6d2",
+        "darkest": "#623a0e"
+      }
+    },
+    "visual": {
+      "icon": {
+        "size": {
+          "regular": 12,
+          "small": 16
+        }
+      }
+    },
+    "size": {
+      "height": 56
+    }
+  },
+  "responsivness": {
+    "space": {
+      "small": 16,
+      "medium": 32,
+      "xlarge": 128
+    },
+    "size": {
+      "wide": 1600,
+      "small": 320
+    }
+  },
+  "menus": {
+    "space": {
+      "tiny": 2,
+      "xsmall": 8,
+      "medium": 16,
+      "large": 40,
+      "small": 12
+    },
+    "radius": {
+      "small": 4,
+      "large": 24,
+      "medium": 8
+    },
+    "stroke": 1,
+    "color": {
+      "aubergine-50": "#f9eaed",
+      "aubergine-25": "#fdf9f9",
+      "wine-50": "#f3eced",
+      "aubergine-750": "#691837",
+      "wine-150": "#e5cfd3",
+      "neutral-525": "#95a5b7"
+    },
+    "visual": {
+      "image": {
+        "size": 40
+      },
+      "icon": {
+        "size": 16
+      }
+    },
+    "shadow": {
+      "blur": 2
+    },
+    "size": 40
+  },
+  "collapsibles": {
+    "color": {
+      "bright": "#f9eaed",
+      "darkest": "#481125",
+      "brightest": "#fdf9f9"
+    },
+    "visual": {
+      "icon": {
+        "size": 16
+      }
+    },
+    "space": {
+      "small": 8,
+      "medium": 16
+    },
+    "gradient": {
+      "stops": {
+        "100%": 1
+      }
+    }
+  },
+  "cardsAndModules": {
+    "space": {
+      "large": 16,
+      "medium": 12,
+      "small": 8,
+      "xxsmall": 4,
+      "xlarge": 24,
+      "xxlarge": 32
+    },
+    "radius": {
+      "small": 8,
+      "large": 16
+    },
+    "size": {
+      "container": {
+        "large": 320,
+        "medium": 262,
+        "small": 232,
+        "xsmall": 224,
+        "xxsmall": 120,
+        "xxlarge": 520,
+        "xlarge": 448
+      },
+      "element": {
+        "large": 32,
+        "medium": 24,
+        "small": 16
+      },
+      "visual": {
+        "profile": {
+          "small": 120,
+          "medium": 180,
+          "large": 208,
+          "xlarge": 301
+        },
+        "image": 366,
+        "shape": 24
+      }
+    },
+    "color": {
+      "aubergine-900": "#330314",
+      "aubergine-25": "#fdf9f9",
+      "nature-750": "#343a32",
+      "nature-25": "#d9e7d5",
+      "fantasy-850": "#28222a",
+      "fantasy-250": "#c1b9c4",
+      "thriller-900": "#081e27",
+      "thriller-250": "#aec3c3",
+      "romance-750": "#691837",
+      "romance-50": "#f9eaec",
+      "vacation-150": "#b02c13",
+      "vacation-25": "#faebe6",
+      "nostalgia-600": "#2f2115",
+      "nostalgia-25": "#fdf9f6",
+      "aubergine-25-10": "#fdf9f91a",
+      "aubergine-25-20": "#fdf9f933",
+      "aubergine-1000-10": "#28000e1a",
+      "aubergine-1000-20": "#28000e33",
+      "aubergine-50": "#f9eaed",
+      "neutral-50": "#eceef1",
+      "neutral-1000-10": "#0f11141a",
+      "fantasy-750": "#3f3643",
+      "romance-50-10": "#f9eaec1a",
+      "fantasy-250-10": "#c1b9c41a",
+      "nature-25-10": "#d9e7d51a",
+      "thriller-250-10": "#aec3c31a",
+      "nature-525": "#6c7868",
+      "thriller-850": "#0b2e3a",
+      "romance-675": "#8a224a"
+    }
+  },
+  "filters": {
+    "color": {
+      "aubergine-50": "#f9eaed",
+      "carmine-525": "#dc134f",
+      "carmine-1000-10%": "#1d00011a",
+      "aubergine-150": "#f5c9d3"
+    },
+    "sizes": {
+      "xlarge": 40,
+      "medium": 24
+    },
+    "space": {
+      "small": 12,
+      "xxsmall": 4,
+      "xsmall": 8
+    },
+    "radius": {
+      "xsmall": 8,
+      "xxsmall": 4
+    }
+  },
+  "searches": {
+    "color": {
+      "aubgerine-25": "#fdf9f9",
+      "aubgerine-50": "#f9eaed",
+      "wine-600": "#884d5d",
+      "aubergine-750": "#691837"
+    },
+    "size": {
+      "xlarge": 40
+    },
+    "space": {
+      "xsmall": 8,
+      "medium": 12
+    },
+    "radius": {
+      "xsmall": 8
+    },
+    "stroke": 1
+  },
+  "navigationBars": {
+    "color": {
+      "aubergine-25": "#fdf9f9",
+      "concrete-25": "#f9fafb"
+    },
+    "space": {
+      "medium": 16,
+      "xlarge": 32,
+      "small": 12,
+      "large": 24,
+      "xxlarge": 40
+    },
+    "radius": 8
+  },
+  "textBlocks": {
+    "space": {
+      "medium": 32,
+      "large": 40,
+      "xlarge": 48,
+      "xxsmall": 8,
+      "small": 24,
+      "xsmall": 16
+    },
+    "color": {
+      "aubergine-850": "#481125",
+      "aubergine-25": "#fdf9f9",
+      "concrete-850": "#202429",
+      "concrete-25": "#f9fafb",
+      "nature-750": "#343a32",
+      "nature-25": "#d9e7d5",
+      "fantasy-850": "#28222a",
+      "fantasy-250": "#c1b9c4",
+      "thriller-850": "#0b2e3a",
+      "thriller-250": "#aec3c3",
+      "romance-750": "#691837",
+      "romance-50": "#f9eaec",
+      "vacation-150": "#b02c13",
+      "vacation-25": "#faebe6",
+      "nostalgia-600": "#705b4a",
+      "nostalgia-25": "#fdf9f6"
+    }
+  },
+  "content": {
+    "element": {}
+  },
+  "pagination": {
+    "color": {
+      "concrete-25": "#f9fafb"
+    },
+    "space": {
+      "medium": 16,
+      "large": 24,
+      "xlarge": 32
+    }
+  }
+};
+export const component: {
+  "button": {
+    "background": {
+      "color": {
+        "brand": {
+          "primary": {
+            "toneA": {
+              "fallback": "#dc134f",
+              "hover": "#1d00011a"
+            }
+          },
+          "secondary": {
+            "toneB": {
+              "fallback": "#f9eaed",
+              "hover": "#28000e1a"
+            },
+            "toneA": {
+              "fallback": "#481125",
+              "hover": "#fdf9f91a"
+            }
+          }
+        },
+        "neutral": {
+          "secondary": {
+            "toneB": {
+              "fallback": "#eceef1",
+              "hover": "#0f11141a"
+            }
+          },
+          "primary": {
+            "toneA": {
+              "fallback": "#191c20",
+              "hover": "#f9fafb1a"
+            }
+          }
+        },
+        "rettsdata": {
+          "primary": {
+            "toneA": {
+              "fallback": "#5555ff",
+              "hover": "#120d3e1a"
+            }
+          },
+          "secondary": {
+            "toneB": {
+              "fallback": "#dcddff",
+              "hover": "#120d3e1a"
+            },
+            "toneA": {
+              "fallback": "#1a196b",
+              "hover": "#f1f1ff1a"
+            }
+          }
+        }
+      }
+    },
+    "size": {
+      "height": 40
+    },
+    "border": {
+      "radius": 8,
+      "width": {
+        "hover": 1,
+        "active": 1
+      },
+      "color": {
+        "brand": {
+          "tertiary": {
+            "toneA": {
+              "hover": "#691837",
+              "active": "#691837"
+            },
+            "toneB": {
+              "hover": "#f9eaed",
+              "active": "#f9eaed"
+            }
+          }
+        },
+        "rettsdata": {
+          "tertiary": {
+            "toneA": {
+              "hover": "#5555ff",
+              "active": "#5555ff"
+            },
+            "toneB": {
+              "hover": "#dcddff",
+              "active": "#dcddff"
+            }
+          }
+        },
+        "neutral": {
+          "tertiary": {
+            "toneA": {
+              "hover": "#191c20",
+              "active": "#191c20"
+            }
+          }
+        }
+      }
+    },
+    "gap": 8,
+    "icon": {
+      "size": 16,
+      "shape": {
+        "color": {
+          "brand": {
+            "primary": {
+              "toneA": "#fbeaea"
+            },
+            "secondary": {
+              "toneA": "#691837",
+              "toneB": "#f9eaed"
+            },
+            "tertiary": {
+              "toneA": "#691837",
+              "toneB": "#f9eaed"
+            }
+          },
+          "rettsdata": {
+            "primary": {
+              "toneB": "#dcddff"
+            },
+            "secondary": {
+              "toneA": "#5555ff",
+              "toneB": "#dcddff"
+            },
+            "tertiary": {
+              "toneA": "#5555ff",
+              "toneB": "#dcddff"
+            }
+          },
+          "neutral": {
+            "primary": {
+              "toneB": "#eceef1"
+            },
+            "tertiary": {
+              "toneA": "#191c20"
+            },
+            "secondary": {
+              "toneA": "#191c20"
+            }
+          }
+        }
+      }
+    },
+    "padding": {
+      "inline": 16
+    },
+    "underline": {
+      "padding": {
+        "bottom": 8
+      }
+    }
+  },
+  "_textInput": {
+    "background": {
+      "color": {
+        "primary": {
+          "hover": "#e5cfd3",
+          "active": "#f9eaed"
+        },
+        "secondary": {
+          "hover": "#481125",
+          "active": "#481125"
+        }
+      }
+    },
+    "topContainer": {
+      "border": {
+        "color": {
+          "toneB": "#8a224a",
+          "toneA": "#481125"
+        },
+        "width": {
+          "fallback": 1,
+          "active": 2
+        }
+      },
+      "padding": 8,
+      "gap": 8
+    },
+    "icon": {
+      "shape": {
+        "color": {
+          "toneB": "#f5c9d3",
+          "toneA": "#481125"
+        }
+      }
+    },
+    "container": {
+      "gap": 8
+    }
+  },
+  "_checkbox": {
+    "outline": {
+      "border": {
+        "radius": 8,
+        "width": 4,
+        "color": {
+          "success": {
+            "hover": "#cbfbdb",
+            "active": "#5ae89f"
+          },
+          "brand": {
+            "hover": "#f9eaed",
+            "active": "#f5c9d3"
+          }
+        }
+      }
+    },
+    "indicator": {
+      "border": {
+        "radius": 24,
+        "width": 1,
+        "color": {
+          "success": {
+            "idle": "#014f2d",
+            "hover": "#014f2d",
+            "active": "#014f2d",
+            "focus": "#014f2d"
+          },
+          "brand": {
+            "idle": "#330314",
+            "hover": "#330314",
+            "active": "#330314",
+            "focus": "#330314"
+          }
+        }
+      },
+      "shape": {
+        "color": {
+          "success": "#014f2d",
+          "brand": "#330314"
+        }
+      },
+      "background": {
+        "color": {
+          "success": {
+            "idle": "#cbfbdb",
+            "disabled": "#5ae89f"
+          },
+          "brand": {
+            "idle": "#f9eaed",
+            "disabled": "#f5c9d3"
+          }
+        }
+      },
+      "size": {
+        "height": 24,
+        "width": 24
+      }
+    },
+    "padding": 4,
+    "gap": 8,
+    "containerRight": {
+      "gap": 12
+    }
+  },
+  "divider": {
+    "background": {
+      "color": {
+        "toneB": "#e5cfd3",
+        "toneA": "#884d5d"
+      }
+    },
+    "border": {
+      "radius": 8
+    },
+    "padding": {
+      "block": {
+        "horizontal": 2
+      },
+      "inline": {
+        "vertical": 2
+      }
+    },
+    "size": {
+      "height": {
+        "horizontal": 1
+      },
+      "width": {
+        "vertical": 1
+      }
+    }
+  },
+  "navLink": {
+    "gap": 8,
+    "border": {
+      "width": {
+        "hover": 1,
+        "action": 1
+      },
+      "color": {
+        "hover": {
+          "accent": "#dc134f",
+          "brand": "#691837",
+          "subtle": "#884d5d"
+        },
+        "action": {
+          "accent": "#dc134f",
+          "brand": "#691837",
+          "subtle": "#884d5d"
+        }
+      }
+    },
+    "icon": {
+      "size": 16,
+      "shape": {
+        "color": {
+          "accent": "#dc134f",
+          "brand": "#691837",
+          "subtle": "#884d5d"
+        }
+      }
+    }
+  },
+  "alertLabel": {
+    "background": {
+      "color": {
+        "success": "#cbfbdb",
+        "informative": "#ece6f9",
+        "warning": "#ffe6d2"
+      }
+    },
+    "icon": {
+      "shape": {
+        "color": {
+          "success": "#014f2d",
+          "informative": "#4420b0",
+          "warning": "#623a0e"
+        }
+      },
+      "size": 16
+    },
+    "padding": 8,
+    "gap": 4,
+    "border": {
+      "radius": 8
+    }
+  },
+  "textLink": {
+    "gap": 8,
+    "border": {
+      "width": 1,
+      "color": "#dc134f"
+    },
+    "icon": {
+      "size": 16,
+      "shape": {
+        "color": {
+          "accent": "#dc134f"
+        }
+      }
+    }
+  },
+  "badge": {
+    "padding": {
+      "medium": 8,
+      "inline": {
+        "small": 8
+      },
+      "block": {
+        "small": 4
+      }
+    },
+    "gap": {
+      "medium": 8,
+      "small": 4
+    },
+    "background": {
+      "color": {
+        "brand": {
+          "toneB": "#f9eaed",
+          "toneA": "#8a224a"
+        },
+        "rettsdata": {
+          "toneB": "#f1f1ff",
+          "toneA": "#1a196b"
+        },
+        "neutral": {
+          "toneB": "#eceef1"
+        }
+      }
+    },
+    "statusCircle": {
+      "background": {
+        "color": {
+          "brand": {
+            "toneA": "#ec4f87"
+          },
+          "rettsdata": {
+            "toneB": "#dcddff"
+          }
+        }
+      },
+      "size": {
+        "width": {
+          "medium": 10,
+          "small": 8
+        },
+        "height": {
+          "medium": 10,
+          "small": 8
+        }
+      }
+    },
+    "border": {
+      "radius": 4
+    }
+  },
+  "badgeIcon": {
+    "icon": {
+      "shape": {
+        "color": {
+          "brand": {
+            "toneA": "#691837",
+            "toneB": "#f9eaed"
+          },
+          "rettsdata": {
+            "toneA": "#5555ff",
+            "toneB": "#dcddff"
+          },
+          "accent": {
+            "toneA": "#dc134f",
+            "toneB": "#fbeaea"
+          },
+          "nature": {
+            "toneA": "#343a32",
+            "toneB": "#d9e7d5"
+          },
+          "fantasy": {
+            "toneA": "#28222a",
+            "toneB": "#c1b9c4"
+          },
+          "thriller": {
+            "toneA": "#081e27",
+            "toneB": "#aec3c3"
+          },
+          "romance": {
+            "toneA": "#691837",
+            "toneB": "#f9eaec"
+          },
+          "vacation": {
+            "toneA": "#b02c13",
+            "toneB": "#faebe6"
+          },
+          "nostalgia": {
+            "toneA": "#2f2115",
+            "toneB": "#fdf9f6"
+          },
+          "neutral": {
+            "toneA": "#202429",
+            "toneB": "#eceef1"
+          }
+        }
+      },
+      "size": {
+        "medium": 16,
+        "small": 12
+      }
+    },
+    "padding": {
+      "block": {
+        "medium": 8,
+        "small": 4
+      }
+    },
+    "gap": {
+      "medium": 8,
+      "small": 4
+    }
+  },
+  "_radiobutton": {
+    "padding": 4,
+    "gap": 8,
+    "containerLeft": {
+      "gap": 12
+    },
+    "indicator": {
+      "border": {
+        "radius": 9999,
+        "width": 1,
+        "color": {
+          "success": "#014f2d",
+          "brand": "#330314"
+        }
+      },
+      "height": 14,
+      "width": 14,
+      "shape": {
+        "color": {
+          "success": "#014f2d",
+          "brand": "#330314"
+        },
+        "width": 10,
+        "height": 10
+      }
+    },
+    "outline": {
+      "height": 16,
+      "width": 16,
+      "border": {
+        "radius": 9999,
+        "width": 4,
+        "color": {
+          "success": {
+            "hover": "#cbfbdb",
+            "active": "#5ae89f"
+          },
+          "brand": {
+            "hover": "#f9eaed",
+            "active": "#f5c9d3"
+          }
+        }
+      }
+    }
+  },
+  "alertBanner": {
+    "padding": {
+      "top": 8,
+      "right": 8,
+      "bottom": 8,
+      "left": 16
+    },
+    "border": {
+      "radius": 12
+    },
+    "innerContainerLeft": {
+      "gap": 12
+    },
+    "innerContainerRight": {
+      "padding": {
+        "right": 8
+      }
+    },
+    "background": {
+      "color": {
+        "success": "#cbfbdb",
+        "informative": "#ece6f9",
+        "warning": "#ffe6d2"
+      }
+    },
+    "icon": {
+      "size": 12,
+      "shape": {
+        "color": {
+          "success": "#014f2d",
+          "informative": "#4420b0",
+          "warning": "#623a0e"
+        }
+      }
+    },
+    "size": {
+      "height": 56
+    }
+  },
+  "alertAccordion": {
+    "padding": 16,
+    "border": {
+      "radius": 12
+    },
+    "message": {
+      "gap": 12
+    },
+    "innerContainerLeft": {
+      "gap": 24
+    },
+    "background": {
+      "color": {
+        "success": "#cbfbdb",
+        "informative": "#ece6f9",
+        "warning": "#ffe6d2"
+      }
+    },
+    "icon": {
+      "size": 12,
+      "shape": {
+        "color": {
+          "success": "#014f2d",
+          "informative": "#4420b0",
+          "warning": "#623a0e"
+        }
+      }
+    }
+  },
+  "uiButton": {
+    "gap": 8,
+    "background": {
+      "color": {
+        "success": {
+          "toneB": {
+            "fallback": "#cbfbdb",
+            "hover": "#03834e1a"
+          },
+          "toneA": {
+            "fallback": "#014f2d",
+            "hover": "#cbfbdb1a"
+          }
+        },
+        "informative": {
+          "toneB": {
+            "fallback": "#ece6f9",
+            "hover": "#4420b01a"
+          },
+          "toneA": {
+            "fallback": "#4420b0",
+            "hover": "#ece6f91a"
+          }
+        },
+        "warning": {
+          "toneB": {
+            "fallback": "#ffe6d2",
+            "hover": "#623a0e1a"
+          },
+          "toneA": {
+            "fallback": "#623a0e",
+            "hover": "#ffe6d21a"
+          }
+        }
+      }
+    },
+    "size": {
+      "height": 40
+    },
+    "padding": {
+      "inline": 16,
+      "block": {
+        "iconOnly": 12
+      }
+    },
+    "icon": {
+      "size": 16,
+      "shape": {
+        "color": {
+          "success": {
+            "toneA": "#014f2d",
+            "toneB": "#cbfbdb"
+          },
+          "informative": {
+            "toneA": "#4420b0",
+            "toneB": "#ece6f9"
+          },
+          "warning": {
+            "toneA": "#623a0e",
+            "toneB": "#ffe6d2"
+          }
+        }
+      }
+    }
+  },
+  "themeButton": {
+    "gap": 8,
+    "size": {
+      "height": 40
+    },
+    "padding": {
+      "inline": 16,
+      "block": {
+        "iconOnly": 12
+      }
+    },
+    "border": {
+      "radius": 8,
+      "color": {
+        "nostalgia": {
+          "secondary": {
+            "toneA": {
+              "hover": "#2f2115",
+              "active": "#2f2115"
+            },
+            "toneB": {
+              "hover": "#fdf9f6",
+              "active": "#fdf9f6"
+            }
+          }
+        },
+        "nature": {
+          "secondary": {
+            "toneA": {
+              "hover": "#343a32",
+              "active": "#343a32"
+            },
+            "toneB": {
+              "hover": "#d9e7d5",
+              "active": "#d9e7d5"
+            }
+          }
+        },
+        "romance": {
+          "secondary": {
+            "toneA": {
+              "hover": "#691837",
+              "active": "#691837"
+            },
+            "toneB": {
+              "hover": "#f9eaec",
+              "active": "#f9eaec"
+            }
+          }
+        },
+        "thriller": {
+          "secondary": {
+            "toneA": {
+              "hover": "#081e27",
+              "active": "#081e27"
+            },
+            "toneB": {
+              "hover": "#aec3c3",
+              "active": "#aec3c3"
+            }
+          }
+        },
+        "fantasy": {
+          "secondary": {
+            "toneA": {
+              "hover": "#28222a",
+              "active": "#28222a"
+            },
+            "toneB": {
+              "hover": "#c1b9c4",
+              "active": "#c1b9c4"
+            }
+          }
+        },
+        "vacation": {
+          "secondary": {
+            "toneA": {
+              "hover": "#b02c13",
+              "active": "#b02c13"
+            },
+            "toneB": {
+              "hover": "#faebe6",
+              "active": "#faebe6"
+            }
+          }
+        },
+        "accent": {
+          "secondary": {
+            "toneA": {
+              "hover": "#dc134f",
+              "active": "#dc134f"
+            },
+            "toneB": {
+              "hover": "#fbeaea",
+              "active": "#fbeaea"
+            }
+          }
+        }
+      },
+      "width": {
+        "hover": 1,
+        "active": 1
+      }
+    },
+    "background": {
+      "color": {
+        "accent": {
+          "primary": {
+            "toneA": {
+              "fallback": "#dc134f",
+              "hover": "#1d00011a"
+            },
+            "toneB": {
+              "fallback": "#fbeaea",
+              "hover": "#4811251a"
+            }
+          }
+        },
+        "nostalgia": {
+          "primary": {
+            "toneA": {
+              "fallback": "#2f2115",
+              "hover": "#fdf9f61a"
+            },
+            "toneB": {
+              "fallback": "#fdf9f6",
+              "hover": "#2f21151a"
+            }
+          }
+        },
+        "nature": {
+          "primary": {
+            "toneA": {
+              "fallback": "#343a32",
+              "hover": "#d9e7d51a"
+            },
+            "toneB": {
+              "fallback": "#d9e7d5",
+              "hover": "#343a321a"
+            }
+          }
+        },
+        "romance": {
+          "primary": {
+            "toneA": {
+              "fallback": "#691837",
+              "hover": "#f9eaec1a"
+            },
+            "toneB": {
+              "fallback": "#f9eaec",
+              "hover": "#6918371a"
+            }
+          }
+        },
+        "thriller": {
+          "primary": {
+            "toneA": {
+              "fallback": "#081e27",
+              "hover": "#aec3c31a"
+            },
+            "toneB": {
+              "fallback": "#aec3c3",
+              "hover": "#081e271a"
+            }
+          }
+        },
+        "fantasy": {
+          "primary": {
+            "toneA": {
+              "fallback": "#28222a",
+              "hover": "#c1b9c41a"
+            },
+            "toneB": {
+              "fallback": "#c1b9c4",
+              "hover": "#28222a1a"
+            }
+          }
+        },
+        "vacation": {
+          "primary": {
+            "toneA": {
+              "fallback": "#b02c13",
+              "hover": "#faebe61a"
+            },
+            "toneB": {
+              "fallback": "#faebe6",
+              "hover": "#b02c131a"
+            }
+          }
+        }
+      }
+    },
+    "icon": {
+      "size": 16,
+      "shape": {
+        "color": {
+          "accent": {
+            "primary": {
+              "toneB": "#fbeaea",
+              "toneA": "#dc134f"
+            },
+            "secondary": {
+              "toneA": "#dc134f",
+              "toneB": "#fbeaea"
+            }
+          },
+          "nostalgia": {
+            "primary": {
+              "toneB": "#fdf9f6",
+              "toneA": "#2f2115"
+            },
+            "secondary": {
+              "toneA": "#2f2115",
+              "toneB": "#fdf9f6"
+            }
+          },
+          "nature": {
+            "primary": {
+              "toneB": "#d9e7d5",
+              "toneA": "#343a32"
+            },
+            "secondary": {
+              "toneA": "#343a32",
+              "toneB": "#d9e7d5"
+            }
+          },
+          "romance": {
+            "primary": {
+              "toneB": "#f9eaec",
+              "toneA": "#691837"
+            },
+            "secondary": {
+              "toneA": "#691837",
+              "toneB": "#f9eaec"
+            }
+          },
+          "thriller": {
+            "primary": {
+              "toneB": "#aec3c3",
+              "toneA": "#081e27"
+            },
+            "secondary": {
+              "toneA": "#081e27",
+              "toneB": "#aec3c3"
+            }
+          },
+          "fantasy": {
+            "primary": {
+              "toneB": "#c1b9c4",
+              "toneA": "#28222a"
+            },
+            "secondary": {
+              "toneA": "#28222a",
+              "toneB": "#c1b9c4"
+            }
+          },
+          "vacation": {
+            "primary": {
+              "toneB": "#faebe6",
+              "toneA": "#b02c13"
+            },
+            "secondary": {
+              "toneA": "#b02c13",
+              "toneB": "#faebe6"
+            }
+          }
+        }
+      }
+    }
+  },
+  "breadcrumb": {
+    "icon": {
+      "shape": {
+        "color": "#884d5d"
+      },
+      "size": 12
+    },
+    "gap": 8
+  },
+  "breadcrumbItem": {
+    "menuItem": {
+      "gap": 8,
+      "padding": 8,
+      "border": {
+        "radius": 8
+      },
+      "background": {
+        "color": "#fdf9f9"
+      },
+      "shadow": {
+        "blur": 2,
+        "color": "#95a5b7"
+      }
+    }
+  },
+  "collapsible": {
+    "icon": {
+      "size": 16,
+      "background": {
+        "color": "#f9eaed"
+      },
+      "shape": {
+        "color": "#481125"
+      }
+    },
+    "gap": 8,
+    "padding": {
+      "top": 16
+    },
+    "gradient": {
+      "color": "#fdf9f9",
+      "stop": 1
+    }
+  },
+  "productCard": {
+    "productContainer": {
+      "background": {
+        "color": {
+          "brand": {
+            "fallback": "#f9eaed",
+            "hover": "#28000e1a"
+          },
+          "neutral": {
+            "fallback": "#eceef1",
+            "hover": "#0f11141a"
+          },
+          "fantasy": {
+            "fallback": "#3f3643",
+            "hover": "#c1b9c41a"
+          },
+          "nature": {
+            "fallback": "#6c7868",
+            "hover": "#d9e7d51a"
+          },
+          "thriller": {
+            "fallback": "#0b2e3a",
+            "hover": "#aec3c31a"
+          },
+          "romance": {
+            "fallback": "#8a224a",
+            "hover": "#f9eaec1a"
+          }
+        }
+      },
+      "padding": 12,
+      "border": {
+        "radius": 8
+      },
+      "size": {
+        "height": 320
+      }
+    },
+    "innerProductContainer": {
+      "gap": 16,
+      "paddingBottom": 24
+    },
+    "textContainer": {
+      "padding": {
+        "inline": 8,
+        "block": 16
+      },
+      "gap": 8
+    },
+    "imageContainer": {
+      "padding": {
+        "inline": 12
+      }
+    },
+    "innerProductContainerTop": {
+      "size": {
+        "height": 32
+      }
+    },
+    "innerProductContainerBottom": {
+      "size": {
+        "height": 24
+      }
+    }
+  },
+  "menuItem": {
+    "gap": 8,
+    "border": {
+      "radius": 4
+    },
+    "padding": {
+      "block": 12,
+      "inline": 16
+    },
+    "textContainer": {
+      "borderBottom": {
+        "padding": 2
+      },
+      "border": {
+        "width": {
+          "active": 1
+        },
+        "color": {
+          "active": "#691837"
+        }
+      },
+      "gap": 8
+    },
+    "background": {
+      "color": {
+        "hover": "#f9eaed",
+        "pressed": "#f3eced"
+      }
+    },
+    "imageContainer": {
+      "size": {
+        "height": 40,
+        "width": 40
+      },
+      "border": {
+        "radius": 4
+      }
+    }
+  },
+  "checkbox": {
+    "textContainer": {
+      "padding": {
+        "left": 4,
+        "bottom": 8
+      }
+    },
+    "inputContainer": {
+      "gap": {
+        "list": 4,
+        "row": 16
+      }
+    },
+    "innerInputContainer": {
+      "gap": 4,
+      "padding": {
+        "left": 16
+      }
+    },
+    "text": {
+      "color": {
+        "label": "#884d5d"
+      }
+    }
+  },
+  "radiobutton": {
+    "textContainer": {
+      "padding": {
+        "left": 4,
+        "bottom": 8
+      }
+    },
+    "text": {
+      "color": {
+        "label": "#884d5d"
+      }
+    },
+    "inputContainer": {
+      "gap": {
+        "list": 8,
+        "row": 16
+      }
+    },
+    "inputAlertContainer": {
+      "gap": 4
+    }
+  },
+  "filter": {
+    "background": {
+      "color": {
+        "fallback": "#f9eaed",
+        "hover": "#1d00011a",
+        "active": "#dc134f"
+      }
+    },
+    "size": {
+      "height": 40
+    },
+    "padding": {
+      "inline": 8
+    },
+    "gap": 12,
+    "border": {
+      "radius": 4
+    },
+    "counter": {
+      "background": {
+        "color": {
+          "fallback": "#f5c9d3",
+          "hover": "#1d00011a"
+        }
+      },
+      "border": {
+        "radius": 8
+      },
+      "size": {
+        "height": 24
+      },
+      "padding": {
+        "inline": 4
+      }
+    }
+  },
+  "navLinkGroup": {
+    "gap": 16
+  },
+  "search": {
+    "background": {
+      "color": {
+        "fallback": "#f9eaed",
+        "active": "#fdf9f9"
+      }
+    },
+    "border": {
+      "color": {
+        "hover": "#884d5d",
+        "active": "#691837",
+        "focus": "#884d5d"
+      },
+      "radius": 8,
+      "width": 1
+    },
+    "size": {
+      "height": 40
+    },
+    "padding": {
+      "inline": {
+        "left": 12,
+        "right": 12
+      },
+      "gap": 8
+    },
+    "icon": {
+      "shape": {
+        "color": {
+          "fallback": "#884d5d",
+          "active": "#691837"
+        }
+      }
+    }
+  },
+  "navigationBar": {
+    "background": {
+      "color": "#fdf9f9"
+    },
+    "padding": {
+      "block": {
+        "desktop": 32,
+        "mobile": 16
+      }
+    },
+    "innerContainer": {
+      "gap": 12
+    }
+  },
+  "menuPanel": {
+    "padding": 16,
+    "border": {
+      "radius": 24
+    },
+    "gap": 16,
+    "background": {
+      "color": "#fdf9f9"
+    },
+    "shadow": {
+      "color": "#95a5b7",
+      "blur": 2
+    }
+  },
+  "dropdownTrigger": {
+    "padding": {
+      "inline": 8
+    },
+    "gap": 8,
+    "border": {
+      "radius": 8,
+      "color": "#691837",
+      "width": 1
+    },
+    "background": {
+      "color": {
+        "filled": {
+          "fallback": "#f9eaed",
+          "hover": "#f3eced"
+        }
+      }
+    },
+    "icon": {
+      "background": {
+        "color": "#e5cfd3"
+      },
+      "shape": {
+        "color": "#691837"
+      },
+      "size": 16
+    },
+    "size": {
+      "height": 40
+    }
+  },
+  "textModule": {
+    "padding": {
+      "inline": 32,
+      "top": 40,
+      "bottom": 48
+    },
+    "gap": 8,
+    "innerTextContainer": {
+      "gap": 24
+    },
+    "color": {
+      "background": {
+        "brand": {
+          "toneB": "#fdf9f9",
+          "toneA": "#481125"
+        },
+        "neutral": {
+          "toneB": "#f9fafb",
+          "toneA": "#202429"
+        },
+        "nature": {
+          "toneB": "#d9e7d5",
+          "toneA": "#343a32"
+        },
+        "fantasy": {
+          "toneB": "#c1b9c4",
+          "toneA": "#28222a"
+        },
+        "thriller": {
+          "toneB": "#aec3c3",
+          "toneA": "#0b2e3a"
+        },
+        "romance": {
+          "toneB": "#f9eaec",
+          "toneA": "#691837"
+        },
+        "vacation": {
+          "toneB": "#faebe6",
+          "toneA": "#b02c13"
+        },
+        "nostalgia": {
+          "toneB": "#fdf9f6",
+          "toneA": "#705b4a"
+        }
+      }
+    }
+  },
+  "cornerBox": {
+    "topContainer": {
+      "padding": 16,
+      "gap": 8,
+      "background": {
+        "color": {
+          "brand": {
+            "toneB": "#fdf9f9",
+            "toneA": "#330314"
+          },
+          "nature": {
+            "toneB": "#d9e7d5",
+            "toneA": "#343a32"
+          },
+          "fantasy": {
+            "toneB": "#c1b9c4",
+            "toneA": "#28222a"
+          },
+          "thriller": {
+            "toneB": "#aec3c3",
+            "toneA": "#081e27"
+          },
+          "romance": {
+            "toneB": "#f9eaec",
+            "toneA": "#691837"
+          },
+          "vacation": {
+            "toneB": "#faebe6",
+            "toneA": "#b02c13"
+          },
+          "nostalgia": {
+            "toneB": "#fdf9f6",
+            "toneA": "#2f2115"
+          }
+        }
+      },
+      "borderTopLeft": {
+        "radius": 16
+      },
+      "borderTopRight": {
+        "radius": 16
+      },
+      "borderBottomRight": {
+        "radius": 16
+      }
+    },
+    "bottomInnerContainer": {
+      "padding": {
+        "links": 4,
+        "block": {
+          "badges": 8
+        },
+        "inline": {
+          "badges": 16
+        }
+      },
+      "background": {
+        "color": {
+          "brand": {
+            "toneB": "#fdf9f9",
+            "toneA": "#330314"
+          },
+          "nature": {
+            "toneB": "#d9e7d5",
+            "toneA": "#343a32"
+          },
+          "romance": {
+            "toneB": "#f9eaec",
+            "toneA": "#691837"
+          },
+          "thriller": {
+            "toneB": "#aec3c3",
+            "toneA": "#081e27"
+          },
+          "fantasy": {
+            "toneB": "#c1b9c4",
+            "toneA": "#28222a"
+          },
+          "vacation": {
+            "toneB": "#faebe6",
+            "toneA": "#b02c13"
+          },
+          "nostalgia": {
+            "toneB": "#fdf9f6",
+            "toneA": "#2f2115"
+          }
+        }
+      },
+      "vector": {
+        "color": {
+          "brand": {
+            "toneB": "#fdf9f9",
+            "toneA": "#330314"
+          },
+          "nature": {
+            "toneB": "#d9e7d5",
+            "toneA": "#343a32"
+          },
+          "romance": {
+            "toneB": "#f9eaec",
+            "toneA": "#691837"
+          },
+          "thriller": {
+            "toneB": "#aec3c3",
+            "toneA": "#081e27"
+          },
+          "fantasy": {
+            "toneB": "#c1b9c4",
+            "toneA": "#28222a"
+          },
+          "vacation": {
+            "toneB": "#faebe6",
+            "toneA": "#b02c13"
+          },
+          "nostalgia": {
+            "toneB": "#fdf9f6",
+            "toneA": "#2f2115"
+          }
+        }
+      },
+      "gap": 16,
+      "borderBottom": {
+        "radius": 16
+      }
+    },
+    "vector": {
+      "color": {
+        "brand": {
+          "toneB": "#fdf9f9",
+          "toneA": "#330314"
+        },
+        "nature": {
+          "toneB": "#d9e7d5",
+          "toneA": "#343a32"
+        },
+        "romance": {
+          "toneB": "#f9eaec",
+          "toneA": "#691837"
+        },
+        "thriller": {
+          "toneB": "#aec3c3",
+          "toneA": "#081e27"
+        },
+        "fantasy": {
+          "toneB": "#c1b9c4",
+          "toneA": "#28222a"
+        },
+        "vacation": {
+          "toneB": "#faebe6",
+          "toneA": "#b02c13"
+        },
+        "nostalgia": {
+          "toneB": "#fdf9f6",
+          "toneA": "#2f2115"
+        }
+      }
+    },
+    "topTextContainer": {
+      "gap": 8
+    }
+  },
+  "mediaBox": {
+    "size": {
+      "height": 262
+    },
+    "gap": {
+      "2": 32,
+      "3": 16,
+      "4": 8
+    }
+  },
+  "navigationCard": {
+    "padding": 16,
+    "bottomTextBox": {
+      "padding": {
+        "inline": 8,
+        "block": 12
+      },
+      "border": {
+        "radius": 8
+      },
+      "background": {
+        "color": "#fdf9f9"
+      }
+    },
+    "overlay": {
+      "background": {
+        "color": {
+          "overlayLight": {
+            "hover": "#fdf9f91a",
+            "active": "#fdf9f933"
+          },
+          "overlayDark": {
+            "hover": "#28000e1a",
+            "active": "#28000e33"
+          }
+        }
+      }
+    },
+    "size": {
+      "height": 232
+    },
+    "border": {
+      "radius": 16
+    }
+  },
+  "featureItemProminent": {
+    "padding": 16,
+    "gap": {
+      "vertical": 16,
+      "horizontal": 8
+    },
+    "border": {
+      "radius": 16
+    },
+    "mediaBoxContainer": {
+      "padding": {
+        "inline": 16
+      }
+    },
+    "overlay": {
+      "background": {
+        "color": {
+          "overlayLight": {
+            "hover": "#fdf9f91a",
+            "active": "#fdf9f933"
+          },
+          "overlayDark": {
+            "hover": "#28000e1a",
+            "active": "#28000e33"
+          }
+        }
+      }
+    },
+    "size": {
+      "height": 448
+    }
+  },
+  "_accordion": {
+    "container": {
+      "padding": 16,
+      "gap": 8,
+      "background": {
+        "color": {
+          "isopen(true)": "#f9eaed",
+          "hover": "#f9eaed"
+        }
+      },
+      "border": {
+        "radius": 4
+      }
+    }
+  },
+  "_listElements": {
+    "padding": {
+      "left": {
+        "nested": 24
+      }
+    }
+  },
+  "list": {
+    "listBlock": {
+      "gap": 8
+    },
+    "nestedListContainer": {
+      "gap": 8
+    },
+    "gap": {
+      "ordered": {
+        "medium": 16,
+        "large": 16
+      },
+      "unordered": {
+        "medium": 16,
+        "large": 24
+      }
+    }
+  },
+  "mediaModule": {
+    "gap": 16,
+    "innerInnerCreditContainer": {
+      "borderRadius": {
+        "topLeft": {
+          "rightAlign": 16
+        },
+        "bottomRight": {
+          "rightAlign": 16
+        },
+        "topRight": {
+          "leftAlign": 16
+        },
+        "bottomLeft": {
+          "leftAlign": 16
+        }
+      },
+      "vector": {
+        "width": 16,
+        "height": 16
+      },
+      "padding": 24
+    },
+    "border": {
+      "radius": 16
+    },
+    "imageContainer": {
+      "size": {
+        "height": 366
+      }
+    }
+  },
+  "contentCard": {
+    "gap": {
+      "subtle": 8,
+      "prominent": 16
+    },
+    "imageContainer": {
+      "border": {
+        "radius": {
+          "subtle": 8,
+          "prominent": 16
+        }
+      },
+      "size": {
+        "width": {
+          "subtle": 120
+        },
+        "height": {
+          "prominent": 224,
+          "subtle": 120
+        }
+      },
+      "padding": {
+        "subtle": 8,
+        "prominent": 12
+      }
+    },
+    "textContainer": {
+      "gap": 8,
+      "padding": {
+        "inline": 8
+      }
+    }
+  },
+  "profileCard": {
+    "gap": 24,
+    "padding": 16,
+    "image": {
+      "border": {
+        "radius": 16
+      }
+    },
+    "innerContainer": {
+      "gap": 16
+    }
+  },
+  "_dropdownMenu": {
+    "gap": 8
+  },
+  "_contextualNavigationBar": {
+    "padding": {
+      "inline": 16,
+      "block": 24
+    },
+    "border": {
+      "radius": 8
+    },
+    "leftContainer": {
+      "gap": 40
+    },
+    "background": {
+      "color": "#f9fafb"
+    }
+  },
+  "quoteModule": {
+    "toneA": {
+      "brand": "#ffffff"
+    },
+    "gap": {
+      "medium": {
+        "desktop": 24
+      },
+      "small": {
+        "desktop": 32
+      },
+      "mobile": 16
+    },
+    "imageContainer": {
+      "size": {
+        "width": {
+          "medium": 301,
+          "small": 180
+        },
+        "height": {
+          "medium": 208,
+          "small": 180
+        }
+      }
+    },
+    "innerContainer": {
+      "gap": 16
+    }
+  },
+  "_menuItemGroups": {
+    "gap": 8,
+    "labelContainer": {
+      "padding": {
+        "left": 16
+      }
+    }
+  },
+  "infoCard": {
+    "gap": 24,
+    "innerContainer": {
+      "gap": 16
+    },
+    "image": {
+      "size": {
+        "width": 120,
+        "height": 120
+      },
+      "border": {
+        "radius": 16
+      }
+    }
+  },
+  "review": {
+    "size": {
+      "width": 24,
+      "height": 24
+    }
+  },
+  "textLabel": {
+    "text": {
+      "color": {
+        "brand": {
+          "toneB": "#f9eaed",
+          "toneA": "#691837"
+        },
+        "nostalgia": {
+          "toneA": "#2f2115",
+          "toneB": "#fdf9f6"
+        },
+        "thriller": {
+          "toneB": "#aec3c3",
+          "toneA": "#081e27"
+        },
+        "romance": {
+          "toneA": "#691837",
+          "toneB": "#f9eaec"
+        },
+        "nature": {
+          "toneA": "#343a32",
+          "toneB": "#d9e7d5"
+        },
+        "warning": {
+          "toneA": "#623a0e",
+          "toneB": "#ffe6d2"
+        },
+        "vacation": {
+          "toneB": "#faebe6",
+          "toneA": "#b02c13"
+        },
+        "informative": {
+          "toneA": "#4420b0",
+          "toneB": "#ece6f9"
+        },
+        "success": {
+          "toneB": "#cbfbdb",
+          "toneA": "#014f2d"
+        },
+        "accent": {
+          "toneB": "#fbeaea",
+          "toneA": "#dc134f"
+        },
+        "fantasy": {
+          "toneB": "#c1b9c4",
+          "toneA": "#28222a"
+        },
+        "neutral": {
+          "toneB": "#eceef1",
+          "toneA": "#191c20"
+        },
+        "rettsdata": {
+          "toneA": "#5555ff",
+          "toneB": "#dcddff"
+        },
+        "wine": {
+          "toneB": "#e5cfd3",
+          "toneA": "#884d5d"
+        },
+        "subtle": {
+          "toneA": "#884d5d",
+          "toneB": "#e5cfd3"
+        }
+      },
+      "size": {
+        "medium": 14,
+        "large": 16,
+        "small": 12
+      },
+      "lineHeight": "auto",
+      "weight": "regular",
+      "font": "pp-mori"
+    }
+  },
+  "textBody": {
+    "text": {
+      "color": {
+        "nostalgia": {
+          "toneB": "#fdf9f6",
+          "toneA": "#2f2115"
+        },
+        "vacation": {
+          "toneA": "#705a56",
+          "toneB": "#faebe6"
+        },
+        "thriller": {
+          "toneB": "#aec3c3",
+          "toneA": "#081e27"
+        },
+        "fantasy": {
+          "toneB": "#c1b9c4",
+          "toneA": "#28222a"
+        },
+        "romance": {
+          "toneA": "#691837",
+          "toneB": "#f9eaec"
+        },
+        "nature": {
+          "toneB": "#d9e7d5",
+          "toneA": "#343a32"
+        },
+        "warning": {
+          "toneA": "#623a0e",
+          "toneB": "#ffe6d2"
+        },
+        "informative": {
+          "toneA": "#4420b0",
+          "toneB": "#ece6f9"
+        },
+        "success": {
+          "toneB": "#cbfbdb",
+          "toneA": "#014f2d"
+        },
+        "neutral": {
+          "toneB": "#f9fafb",
+          "toneA": "#191c20"
+        },
+        "brand": {
+          "toneB": "#fdf9f9",
+          "toneA": "#691837"
+        },
+        "subtle": {
+          "toneB": "#e5cfd3",
+          "toneA": "#884d5d"
+        }
+      },
+      "size": {
+        "small": 14,
+        "medium": 16,
+        "large": 18
+      },
+      "lineHeight": {
+        "reading": {
+          "large": {
+            "long": 28,
+            "short": 22
+          },
+          "small": {
+            "long": 24,
+            "short": 18
+          },
+          "medium": {
+            "long": 25,
+            "short": 23
+          }
+        },
+        "brand": {
+          "medium": {
+            "short": 22,
+            "long": 25
+          },
+          "large": {
+            "short": 24,
+            "long": 26
+          },
+          "small": {
+            "short": 20,
+            "long": 25
+          }
+        }
+      },
+      "reading": "inter",
+      "brand": "pp-mori",
+      "weight": "regular"
+    }
+  },
+  "textHeading": {
+    "text": {
+      "lineHeight": {
+        "brand": {
+          "large": 60,
+          "medium": 50
+        },
+        "reading": {
+          "medium": 40,
+          "large": 50
+        }
+      },
+      "font": {
+        "reading": "inter",
+        "brand": "pp-mori"
+      },
+      "color": {
+        "nostalgia": {
+          "toneA": "#705b4a",
+          "toneB": "#fdf9f6"
+        },
+        "vacation": {
+          "toneA": "#b02c13",
+          "toneB": "#faebe6"
+        },
+        "thriller": {
+          "toneA": "#0b2e3a",
+          "toneB": "#aec3c3"
+        },
+        "nature": {
+          "toneB": "#d9e7d5",
+          "toneA": "#343a32"
+        },
+        "fantasy": {
+          "toneB": "#c1b9c4",
+          "toneA": "#28222a"
+        },
+        "romance": {
+          "toneA": "#8a224a",
+          "toneB": "#f9eaec"
+        },
+        "brand": {
+          "toneA": "#691837",
+          "toneB": "#f9eaed"
+        },
+        "neutral": {
+          "toneB": "#eceef1",
+          "toneA": "#333a41"
+        }
+      },
+      "weight": "book",
+      "size": {
+        "large": 40,
+        "medium": 32
+      }
+    }
+  },
+  "textLead": {
+    "text": {
+      "color": {
+        "brand": {
+          "toneA": "#691837",
+          "toneB": "#f9eaed"
+        },
+        "nostalgia": {
+          "toneB": "#fdf9f6",
+          "toneA": "#705b4a"
+        },
+        "vacation": {
+          "toneB": "#faebe6",
+          "toneA": "#b02c13"
+        },
+        "thriller": {
+          "toneB": "#aec3c3",
+          "toneA": "#0b2e3a"
+        },
+        "romance": {
+          "toneB": "#f9eaec",
+          "toneA": "#8a224a"
+        },
+        "fantasy": {
+          "toneB": "#c1b9c4",
+          "toneA": "#28222a"
+        },
+        "nature": {
+          "toneB": "#d9e7d5",
+          "toneA": "#343a32"
+        },
+        "neutral": {
+          "toneB": "#eceef1",
+          "toneA": "#333a41"
+        }
+      },
+      "font": {
+        "reading": "inter",
+        "brand": "pp-mori"
+      },
+      "weight": "regular",
+      "lineHeight": 28,
+      "size": 20
+    }
+  },
+  "textTitle": {
+    "text": {
+      "lineHeight": {
+        "brand": {
+          "large": 30,
+          "medium": 28
+        },
+        "reading": {
+          "medium": 26,
+          "large": 28
+        }
+      },
+      "font": {
+        "reading": "inter",
+        "brand": "pp-mori"
+      },
+      "color": {
+        "warning": {
+          "toneA": "#623a0e",
+          "toneB": "#ffe6d2"
+        },
+        "informative": {
+          "toneB": "#ece6f9",
+          "toneA": "#4420b0"
+        },
+        "success": {
+          "toneB": "#cbfbdb",
+          "toneA": "#014f2d"
+        },
+        "fantasy": {
+          "toneA": "#28222a",
+          "toneB": "#c1b9c4"
+        },
+        "vacation": {
+          "toneB": "#faebe6",
+          "toneA": "#b02c13"
+        },
+        "thriller": {
+          "toneB": "#aec3c3",
+          "toneA": "#0b2e3a"
+        },
+        "nostalgia": {
+          "toneA": "#705b4a",
+          "toneB": "#fdf9f6"
+        },
+        "romance": {
+          "toneA": "#8a224a",
+          "toneB": "#f9eaec"
+        },
+        "brand": {
+          "toneA": "#691837",
+          "toneB": "#f9eaed"
+        },
+        "nature": {
+          "toneB": "#d9e7d5",
+          "toneA": "#343a32"
+        },
+        "neutral": {
+          "toneA": "#333a41",
+          "toneB": "#eceef1"
+        }
+      },
+      "weight": "regular",
+      "size": {
+        "large": 24,
+        "medium": 20
+      }
+    }
+  },
+  "textDisplay": {
+    "size": {
+      "medium": 48,
+      "large": 56
+    },
+    "text": {
+      "color": "#691837",
+      "weight": "book",
+      "font": "pp-mori",
+      "lineHeight": {
+        "medium": 60,
+        "large": 70
+      }
+    },
+    "extended": {
+      "text": {
+        "color": "#dc134f",
+        "weight": {
+          "alt2": "light"
+        },
+        "font": {
+          "alt2": "lyon-display",
+          "alt1": "pp-mori"
+        }
+      }
+    },
+    "padding": {
+      "bottom": 8
+    }
+  },
+  "_dropdownItem": {
+    "size": {
+      "height": 40
+    },
+    "gap": 8,
+    "padding": {
+      "inline": 16
+    },
+    "background": {
+      "color": {
+        "pressed": "#f3eced",
+        "hover": "#f9eaed"
+      }
+    },
+    "border": {
+      "radius": 8
+    }
+  },
+  "pagination": {
+    "container": {
+      "gap": 16
+    },
+    "gap": 32,
+    "padding": {
+      "block": 24,
+      "inline": 16
+    },
+    "background": {
+      "color": {
+        "neutral": "#f9fafb"
+      }
+    }
+  }
+};
+export const universal: {
+  "focus": {
+    "border": {
+      "radius": {
+        "xsmall": 8,
+        "medium": 16,
+        "large": 24,
+        "xlarge": 32,
+        "small": 12
+      },
+      "width": 2,
+      "color": "#7155f0"
+    },
+    "container": {
+      "padding": 4
+    }
+  },
+  "disabled": {
+    "container": {
+      "opacity": 0.005
+    }
+  },
+  "hover": {
+    "container": {
+      "lighten": "#28000e",
+      "darken": "#f9eaed",
+      "opacity": 0.001
+    }
+  },
+  "iconPackage": {
+    "container": {
+      "size": {
+        "medium": 12,
+        "large": 16,
+        "small": 10
+      }
+    }
+  },
+  "hyperlink": {
+    "text": {
+      "color": {
+        "fallback": "#dc134f"
+      },
+      "decoration": {
+        "hover": "underline"
+      }
+    }
+  }
+};
+export const layout: {
+  "textWrapper": {
+    "gap": {
+      "horizontal": 16
+    }
+  },
+  "main": {
+    "gap": {
+      "min": 16,
+      "max": 32
+    },
+    "padding": {
+      "min": 16,
+      "max": 32
+    },
+    "width": {
+      "min": 320,
+      "max": 1600
+    }
+  },
+  "page": {
+    "gap": {
+      "min": 16,
+      "max": 32
+    },
+    "width": {
+      "min": 320,
+      "max": 1600
+    }
+  },
+  "contentWrapper": {
+    "padding": {
+      "inline": 56,
+      "block": {
+        "overlay": 48,
+        "page": 72
+      }
+    },
+    "innerContainer": {
+      "gap": 40
+    },
+    "border": {
+      "radius": {
+        "overlay": 40
+      }
+    },
+    "background": {
+      "color": {
+        "brand": {
+          "toneB": "#fdf9f9",
+          "toneA": "#481125"
+        },
+        "neutral": "#f9fafb"
+      }
+    },
+    "size": {
+      "maxWidth": 520
+    }
+  },
+  "textBlock": {
+    "gap": 8
+  },
+  "contentTopBlock": {
+    "gap": 16
+  }
+};
+export const semantics: {
+  "typography": {
+    "fontFamily": {
+      "inter": "inter",
+      "lyonDisplay": "lyon-display",
+      "ppMori": "pp-mori"
+    },
+    "size": {
+      "12": 12,
+      "14": 14,
+      "16": 16,
+      "18": 18,
+      "20": 20,
+      "24": 24,
+      "28": 28,
+      "32": 32,
+      "40": 40,
+      "48": 48,
+      "56": 56
+    },
+    "lineHeight": {
+      "12": 12,
+      "18": 18,
+      "20": 20,
+      "22": 22,
+      "23": 23,
+      "24": 24,
+      "25": 25,
+      "26": 26,
+      "28": 28,
+      "30": 30,
+      "32": 32,
+      "35": 30,
+      "40": 40,
+      "50": 50,
+      "60": 60,
+      "70": 70
+    },
+    "space": {
+      "large": 24,
+      "medium": 16,
+      "small": 8
+    },
+    "color": {
+      "brand": {
+        "carmine-525": "#dc134f",
+        "aubergine-750": "#691837",
+        "carmine-50": "#fbeaea",
+        "aubergine-50": "#f9eaed",
+        "concrete-900": "#191c20",
+        "concrete-50": "#eceef1",
+        "rettsdata-60": "#5555ff",
+        "rettsdata-20": "#dcddff",
+        "aubergine-25": "#fdf9f9",
+        "concrete-25": "#f9fafb",
+        "concrete-750": "#333a41",
+        "wine-600": "#884d5d",
+        "wine-150": "#e5cfd3"
+      },
+      "validation": {
+        "success-700": "#014f2d",
+        "success-75": "#cbfbdb",
+        "informative-700": "#4420b0",
+        "informative-25": "#ece6f9",
+        "warning-700": "#623a0e",
+        "warning-75": "#ffe6d2"
+      },
+      "theme": {
+        "nature-750": "#343a32",
+        "nature-25": "#d9e7d5",
+        "romance-750": "#691837",
+        "romance-50": "#f9eaec",
+        "fantasy-850": "#28222a",
+        "fantasy-250": "#c1b9c4",
+        "thriller-900": "#081e27",
+        "thriller-250": "#aec3c3",
+        "vacation-150": "#b02c13",
+        "vacation-25": "#faebe6",
+        "nostalgia-850": "#2f2115",
+        "nostalgia-25": "#fdf9f6",
+        "vacation-600": "#705a56",
+        "thriller-850": "#0b2e3a",
+        "fantasy-750": "#3f3643",
+        "nostalgia-600": "#705b4a",
+        "romance-675": "#8a224a"
+      }
+    },
+    "regular": "regular",
+    "book": "book",
+    "light": "light",
+    "indent": 24
+  },
+  "color": {
+    "identity": {
+      "brand": {
+        "carmine-525": "#dc134f"
+      },
+      "base": {
+        "aubergine-25": "#fdf9f9",
+        "aubergine-50": "#f9eaed",
+        "aubergine-675": "#8a224a",
+        "aubergine-750": "#691837",
+        "aubergine-850": "#481125",
+        "aubergine-900": "#330314",
+        "aubergine-150": "#f5c9d3",
+        "aubergine-1000": "#28000e"
+      },
+      "extended": {
+        "carmine-25": "#fdf8f8",
+        "wine-525": "#a35e70",
+        "wine-600": "#884d5d",
+        "wine-50": "#f3eced",
+        "wine-150": "#e5cfd3",
+        "aubergine-425": "#ec4f87",
+        "aubergine-525": "#ce3871",
+        "carmine-50": "#fbeaea"
+      },
+      "neutral": {
+        "concrete-25": "#f9fafb",
+        "concrete-50": "#eceef1",
+        "concrete-525": "#697684",
+        "concrete-900": "#191c20",
+        "concrete-850": "#202429",
+        "concrete-750": "#333a41",
+        "concrete-150": "#cfd5dd"
+      },
+      "rettsdata": {
+        "rettsdata-20": "#dcddff",
+        "rettsdata-60": "#5555ff",
+        "rettsdata-90": "#1a196b",
+        "rettsdata-10": "#f1f1ff",
+        "rettsdata-50": "#787efa",
+        "rettsdata-30": "#bdc0fe"
+      }
+    },
+    "ui": {
+      "success": {
+        "success-125": "#86fbbc",
+        "success-175": "#5ae89f",
+        "success-75": "#cbfbdb",
+        "success-450": "#03834e",
+        "success-700": "#014f2d"
+      },
+      "informative": {
+        "informative-25": "#ece6f9",
+        "informative-125": "#e0d4f8",
+        "informative-450": "#7155f0",
+        "informative-175": "#d7c1f8",
+        "informative-700": "#4420b0"
+      },
+      "warning": {
+        "warning-125": "#ffcfa6",
+        "warning-175": "#ffbb7c",
+        "warning-450": "#f6a04a",
+        "warning-75": "#ffe6d2",
+        "warning-700": "#623a0e"
+      }
+    },
+    "theme": {
+      "nostalgia": {
+        "nostalgia-25": "#fdf9f6",
+        "nostalgia-600": "#705b4a",
+        "nostalgia-850": "#2f2115"
+      },
+      "nature": {
+        "nature-750": "#343a32",
+        "nature-525": "#6c7868",
+        "nature-25": "#d9e7d5",
+        "nature-25-10": "#d9e7d51a"
+      },
+      "romance": {
+        "romance-750": "#691837",
+        "romance-675": "#8a224a",
+        "romance-50": "#f9eaec",
+        "romance-50-10": "#f9eaec1a"
+      },
+      "vacation": {
+        "vacation-150": "#b02c13",
+        "vacation-600": "#705a56",
+        "vacation-25": "#faebe6"
+      },
+      "fantasy": {
+        "fantasy-750": "#3f3643",
+        "fantasy-850": "#28222a",
+        "fantasy-250": "#c1b9c4",
+        "fantasy-250-10": "#c1b9c41a"
+      },
+      "thriller": {
+        "thriller-900": "#081e27",
+        "thriller-850": "#0b2e3a",
+        "thriller-250": "#aec3c3",
+        "thriller-250-10": "#aec3c31a"
+      }
+    }
+  },
+  "layout": {
+    "page": {
+      "space": {
+        "xlarge": 128,
+        "medium": 32,
+        "small": 16
+      },
+      "size": {
+        "wide": 1600,
+        "small": 320
+      }
+    },
+    "element": {
+      "size": {
+        "xlarge": 40,
+        "large": 32,
+        "medium": 24,
+        "xxlarge": 48,
+        "small": 16,
+        "xsmall": 14,
+        "xxsmall": 10,
+        "xxxsmall": 8,
+        "xxxlarge": 56
+      },
+      "space": {
+        "large": 24,
+        "medium": 16,
+        "small": 12,
+        "xsmall": 8,
+        "xxlarge": 40,
+        "xlarge": 32,
+        "xxsmall": 4,
+        "huge": 64,
+        "tiny": 2,
+        "xxxlarge": 48
+      },
+      "stroke": {
+        "fat": 4,
+        "thick": 2,
+        "regular": 1
+      },
+      "radius": {
+        "xlarge": 32,
+        "large": 24,
+        "medium": 16,
+        "xsmall": 8,
+        "xxsmall": 4,
+        "circle": 9999,
+        "small": 12
+      }
+    },
+    "container": {
+      "size": {
+        "medium": 320,
+        "small": 262,
+        "xxlarge": 640,
+        "xlarge": 520,
+        "xxxsmall": 120,
+        "xsmall": 232,
+        "xxsmall": 224,
+        "large": 448
+      },
+      "space": {
+        "small": 48,
+        "medium": 56,
+        "large": 72,
+        "xsmall": 40
+      },
+      "radius": 40
+    }
+  },
+  "visual": {
+    "icon": {
+      "size": {
+        "large": 16,
+        "medium": 12,
+        "small": 10
+      }
+    },
+    "profile": {
+      "small": 120,
+      "medium": 180,
+      "xlarge": 301,
+      "large": 208
+    },
+    "vector": 24,
+    "image": {
+      "size": 366
+    }
+  },
+  "effect": {
+    "transparency": {
+      "transparent": 0.1,
+      "translucent": 0.5,
+      "dense": 0.9
+    },
+    "shadow": {
+      "blur": 2,
+      "color": "#95a5b7"
+    },
+    "gradient": {
+      "stops": {
+        "100%": 1
+      }
+    }
+  }
+};