diff --git a/.changeset/seven-lands-wash.md b/.changeset/seven-lands-wash.md new file mode 100644 index 0000000..6fcdd51 --- /dev/null +++ b/.changeset/seven-lands-wash.md @@ -0,0 +1,5 @@ +--- +"@gouvfr-lasuite/cunningham-tokens": minor +--- + +Add getThemesFromGlobals util diff --git a/.gitignore b/.gitignore index 67e585e..e0d6829 100644 --- a/.gitignore +++ b/.gitignore @@ -33,4 +33,6 @@ env.d .turbo ghpages-output +# Project ignore files packages/react/chromatic.config.json +packages/tokens/src/lib/cunningham.ts diff --git a/apps/demo/cunningham.ts b/apps/demo/cunningham.ts index f087962..0257670 100644 --- a/apps/demo/cunningham.ts +++ b/apps/demo/cunningham.ts @@ -1,597 +1,610 @@ -import { defaultThemes } from "@gouvfr-lasuite/cunningham-tokens"; +import { + defaultThemes, + getThemesFromGlobals, +} from "@gouvfr-lasuite/cunningham-tokens"; + +const redflux = getThemesFromGlobals( + { + colors: { + "brand-050": "#FBEEED", + "brand-100": "#F7DCDB", + "brand-150": "#F4CBC9", + "brand-200": "#F0B9B7", + "brand-250": "#ECA7A4", + "brand-300": "#E89591", + "brand-350": "#E4827E", + "brand-400": "#E06F69", + "brand-450": "#DB5953", + "brand-500": "#D6413A", + "brand-550": "#CA2D25", + "brand-600": "#B32821", + "brand-650": "#933028", + "brand-700": "#783029", + "brand-750": "#5F2D27", + "brand-800": "#492723", + "brand-850": "#37201D", + "brand-900": "#261816", + "brand-950": "#170F0E", + "gray-000": "#FFFFFF", + "gray-025": "#F8F8F8", + "gray-050": "#F1F1F1", + "gray-100": "#E2E2E2", + "gray-150": "#D4D4D4", + "gray-200": "#C6C6C6", + "gray-250": "#B9B9B9", + "gray-300": "#ABABAB", + "gray-350": "#9E9E9E", + "gray-400": "#919191", + "gray-450": "#848484", + "gray-500": "#777777", + "gray-550": "#6A6A6A", + "gray-600": "#5E5E5E", + "gray-650": "#525252", + "gray-700": "#474747", + "gray-750": "#3B3B3B", + "gray-800": "#303030", + "gray-850": "#262626", + "gray-900": "#1B1B1B", + "gray-950": "#111111", + "gray-1000": "#000000", + "info-050": "#ECF1FA", + "info-100": "#D8E3F6", + "info-150": "#C5D5F1", + "info-200": "#B2C8EC", + "info-250": "#9FBAE8", + "info-300": "#8CACE3", + "info-350": "#7A9FDE", + "info-400": "#6791DA", + "info-450": "#5483D5", + "info-500": "#4075D0", + "info-550": "#2C67CC", + "info-600": "#265BB6", + "info-650": "#2A5195", + "info-700": "#2A4677", + "info-750": "#283B5E", + "info-800": "#233148", + "info-850": "#1C2635", + "info-900": "#161C25", + "info-950": "#0E1116", + "success-050": "#D9F9DB", + "success-100": "#B1F2B5", + "success-150": "#83EB89", + "success-200": "#71DD78", + "success-250": "#69CE6F", + "success-300": "#61BF67", + "success-350": "#5AB05F", + "success-400": "#53A158", + "success-450": "#4B934F", + "success-500": "#448548", + "success-550": "#3D7740", + "success-600": "#366939", + "success-650": "#365B38", + "success-700": "#324D34", + "success-750": "#2D402E", + "success-800": "#273427", + "success-850": "#202820", + "success-900": "#181D18", + "success-950": "#0F110E", + "warning-050": "#F7F0E3", + "warning-100": "#EFE1C7", + "warning-150": "#E7D2AB", + "warning-200": "#DFC38F", + "warning-250": "#D7B473", + "warning-300": "#CFA557", + "warning-350": "#C49644", + "warning-400": "#B38A3F", + "warning-450": "#A37E39", + "warning-500": "#947134", + "warning-550": "#84662E", + "warning-600": "#755A29", + "warning-650": "#63502C", + "warning-700": "#53442D", + "warning-750": "#453A29", + "warning-800": "#362F24", + "warning-850": "#2A251D", + "warning-900": "#1E1B16", + "warning-950": "#12110E", + "error-050": "#FBEEED", + "error-100": "#F8DCDC", + "error-150": "#F4CACA", + "error-200": "#F1B9B8", + "error-250": "#EDA7A6", + "error-300": "#E99494", + "error-350": "#E58181", + "error-400": "#E16D6C", + "error-450": "#DD5857", + "error-500": "#D14746", + "error-550": "#BB403F", + "error-600": "#A63838", + "error-650": "#893937", + "error-700": "#703533", + "error-750": "#59302D", + "error-800": "#452927", + "error-850": "#332120", + "error-900": "#241919", + "error-950": "#150F0F", + "red-050": "#FDEDED", + "red-100": "#FADBDB", + "red-150": "#F8C9C9", + "red-200": "#F5B7B6", + "red-250": "#F3A4A3", + "red-300": "#F09190", + "red-350": "#EE7C7B", + "red-400": "#EB6665", + "red-450": "#E74E4D", + "red-500": "#D83F3D", + "red-550": "#C23837", + "red-600": "#AC3231", + "red-650": "#8D3531", + "red-700": "#73332F", + "red-750": "#5B2F2B", + "red-800": "#472826", + "red-850": "#35211F", + "red-900": "#251817", + "red-950": "#160F0E", + "orange-050": "#FDEEE2", + "orange-100": "#FCDDC5", + "orange-150": "#FACBA8", + "orange-200": "#F8B98B", + "orange-250": "#F6A76A", + "orange-300": "#F4934B", + "orange-350": "#F27E27", + "orange-400": "#E76E12", + "orange-450": "#D26411", + "orange-500": "#BE5B0F", + "orange-550": "#AA510E", + "orange-600": "#97480C", + "orange-650": "#7E431D", + "orange-700": "#673C22", + "orange-750": "#533422", + "orange-800": "#412C1F", + "orange-850": "#31231B", + "orange-900": "#221A14", + "orange-950": "#15100C", + "brown-050": "#F3F0EF", + "brown-100": "#E7E1DF", + "brown-150": "#DCD2CF", + "brown-200": "#D0C4BF", + "brown-250": "#C5B6B0", + "brown-300": "#BAA7A1", + "brown-350": "#AF9992", + "brown-400": "#A48B83", + "brown-450": "#997E74", + "brown-500": "#8F7065", + "brown-550": "#846357", + "brown-600": "#7A5649", + "brown-650": "#684C42", + "brown-700": "#57423C", + "brown-750": "#463833", + "brown-800": "#382E2A", + "brown-850": "#2B2422", + "brown-900": "#1F1B19", + "brown-950": "#121010", + "yellow-050": "#FAF0D3", + "yellow-100": "#F5E2A4", + "yellow-150": "#F0D275", + "yellow-200": "#EBC242", + "yellow-250": "#E4B213", + "yellow-300": "#D4A511", + "yellow-350": "#C39810", + "yellow-400": "#B38B0F", + "yellow-450": "#A37F0D", + "yellow-500": "#93730C", + "yellow-550": "#84670B", + "yellow-600": "#755B0A", + "yellow-650": "#63501C", + "yellow-700": "#534521", + "yellow-750": "#443A21", + "yellow-800": "#36301F", + "yellow-850": "#29261A", + "yellow-900": "#1D1C14", + "yellow-950": "#12110C", + "green-050": "#E2F6E5", + "green-100": "#C5ECCA", + "green-150": "#A7E3AF", + "green-200": "#89D894", + "green-250": "#67CE75", + "green-300": "#4DC25D", + "green-350": "#48B257", + "green-400": "#41A44F", + "green-450": "#3B9548", + "green-500": "#368741", + "green-550": "#30793A", + "green-600": "#2B6B33", + "green-650": "#2F5C34", + "green-700": "#2E4E31", + "green-750": "#2A412C", + "green-800": "#253426", + "green-850": "#1E281F", + "green-900": "#171D17", + "green-950": "#0F120F", + "blue1-050": "#EBF1FF", + "blue1-100": "#D6E3FE", + "blue1-150": "#C2D5FE", + "blue1-200": "#ADC7FE", + "blue1-250": "#99B8FD", + "blue1-300": "#84AAFD", + "blue1-350": "#6F9BFD", + "blue1-400": "#5A8DFB", + "blue1-450": "#437DFC", + "blue1-500": "#3D71E4", + "blue1-550": "#3665CC", + "blue1-600": "#305AB5", + "blue1-650": "#315093", + "blue1-700": "#2E4675", + "blue1-750": "#293B5E", + "blue1-800": "#243048", + "blue1-850": "#1E2635", + "blue1-900": "#171C25", + "blue1-950": "#0E1116", + "blue2-050": "#E2F4F9", + "blue2-100": "#C5E9F3", + "blue2-150": "#A7DDED", + "blue2-200": "#88D1E6", + "blue2-250": "#68C5E0", + "blue2-300": "#48B8D9", + "blue2-350": "#3BAACA", + "blue2-400": "#359CB9", + "blue2-450": "#318EA9", + "blue2-500": "#2C8199", + "blue2-550": "#277389", + "blue2-600": "#236679", + "blue2-650": "#2A5866", + "blue2-700": "#2A4B55", + "blue2-750": "#283F47", + "blue2-800": "#233337", + "blue2-850": "#1D272A", + "blue2-900": "#161C1E", + "blue2-950": "#0E1112", + "purple-050": "#F6EEFF", + "purple-100": "#ECDCFF", + "purple-150": "#E3CBFE", + "purple-200": "#DAB9FE", + "purple-250": "#D0A7FE", + "purple-300": "#C795FE", + "purple-350": "#BD83FD", + "purple-400": "#B36FFD", + "purple-450": "#A85BFD", + "purple-500": "#9B4BF3", + "purple-550": "#8B43DA", + "purple-600": "#7B3CC1", + "purple-650": "#673C9B", + "purple-700": "#56387D", + "purple-750": "#463162", + "purple-800": "#382A4A", + "purple-850": "#2A2237", + "purple-900": "#1E1926", + "purple-950": "#121017", + "pink-050": "#FCEDF5", + "pink-100": "#F9DAEA", + "pink-150": "#F7C7E0", + "pink-200": "#F4B4D5", + "pink-250": "#F1A1CA", + "pink-300": "#EE8CBF", + "pink-350": "#EA77B3", + "pink-400": "#E760A6", + "pink-450": "#E24797", + "pink-500": "#CD4089", + "pink-550": "#B8397B", + "pink-600": "#A3336D", + "pink-650": "#86355E", + "pink-700": "#6E334F", + "pink-750": "#582E42", + "pink-800": "#442834", + "pink-850": "#332028", + "pink-900": "#24181D", + "pink-950": "#160F12", + }, + }, + { + prefix: "redflux", + variants: ["dark"], + }, +); + +const blueney = getThemesFromGlobals( + { + colors: { + "brand-050": "#EBF1FA", + "brand-100": "#D7E4F5", + "brand-150": "#C3D6F0", + "brand-200": "#B0C8EB", + "brand-250": "#9CBBE6", + "brand-300": "#89ADE1", + "brand-350": "#75A0DC", + "brand-400": "#6192D7", + "brand-450": "#4D85D2", + "brand-500": "#3977CD", + "brand-550": "#2C6ABF", + "brand-600": "#275EA9", + "brand-650": "#2B538A", + "brand-700": "#2B4770", + "brand-750": "#283C59", + "brand-800": "#233145", + "brand-850": "#1D2633", + "brand-900": "#171C24", + "brand-950": "#0E1115", + "gray-000": "#FFFFFF", + "gray-025": "#F8F8FA", + "gray-050": "#F0F0F5", + "gray-100": "#E1E2EA", + "gray-150": "#D2D4E0", + "gray-200": "#C4C5D6", + "gray-250": "#B5B7CC", + "gray-300": "#A7AAC2", + "gray-350": "#999CB6", + "gray-400": "#8D8FA7", + "gray-450": "#808298", + "gray-500": "#747689", + "gray-550": "#68697B", + "gray-600": "#5C5D6D", + "gray-650": "#50525F", + "gray-700": "#454652", + "gray-750": "#3A3B45", + "gray-800": "#2F3038", + "gray-850": "#25252C", + "gray-900": "#1B1B20", + "gray-950": "#101113", + "gray-1000": "#000000", + "info-050": "#EDF1F9", + "info-100": "#DAE3F3", + "info-150": "#C8D5EE", + "info-200": "#B7C7E8", + "info-250": "#A5B9E2", + "info-300": "#93ACDD", + "info-350": "#819ED7", + "info-400": "#7090D1", + "info-450": "#5E83CC", + "info-500": "#4D75C6", + "info-550": "#3B67C1", + "info-600": "#2959BB", + "info-650": "#29509B", + "info-700": "#28467C", + "info-750": "#263B61", + "info-800": "#22304B", + "info-850": "#1C2637", + "info-900": "#161C26", + "info-950": "#0E1117", + "success-050": "#E7F6D8", + "success-100": "#CEECB1", + "success-150": "#B4E289", + "success-200": "#99D85D", + "success-250": "#88CB49", + "success-300": "#7EBC43", + "success-350": "#74AD3E", + "success-400": "#6A9F39", + "success-450": "#619134", + "success-500": "#58832F", + "success-550": "#4E752A", + "success-600": "#456825", + "success-650": "#405A29", + "success-700": "#394C29", + "success-750": "#333F28", + "success-800": "#2B3323", + "success-850": "#22281E", + "success-900": "#191D16", + "success-950": "#10110E", + "warning-050": "#F8F0DE", + "warning-100": "#F0E2BC", + "warning-150": "#E9D39A", + "warning-200": "#E1C478", + "warning-250": "#D9B456", + "warning-300": "#D0A539", + "warning-350": "#C09934", + "warning-400": "#B08C2F", + "warning-450": "#A07F2B", + "warning-500": "#917327", + "warning-550": "#816723", + "warning-600": "#735B1F", + "warning-650": "#615026", + "warning-700": "#524527", + "warning-750": "#433B26", + "warning-800": "#363022", + "warning-850": "#29261C", + "warning-900": "#1D1B16", + "warning-950": "#12110E", + "error-050": "#FBEEED", + "error-100": "#F6DDDB", + "error-150": "#F2CCC8", + "error-200": "#EDBAB6", + "error-250": "#E9A9A4", + "error-300": "#E49791", + "error-350": "#E0857E", + "error-400": "#DB726A", + "error-450": "#D65E54", + "error-500": "#D0483D", + "error-550": "#C92E22", + "error-600": "#B5261A", + "error-650": "#952F24", + "error-700": "#783026", + "error-750": "#602C25", + "error-800": "#4A2722", + "error-850": "#371F1C", + "error-900": "#261816", + "error-950": "#170F0D", + "red-050": "#FDEDED", + "red-100": "#FADBDB", + "red-150": "#F8C9C9", + "red-200": "#F5B7B6", + "red-250": "#F3A4A3", + "red-300": "#F09190", + "red-350": "#EE7C7B", + "red-400": "#EB6665", + "red-450": "#E74E4D", + "red-500": "#D83F3D", + "red-550": "#C23837", + "red-600": "#AC3231", + "red-650": "#8D3531", + "red-700": "#73332F", + "red-750": "#5B2F2B", + "red-800": "#472826", + "red-850": "#35211F", + "red-900": "#251817", + "red-950": "#160F0E", + "orange-050": "#FDEEE2", + "orange-100": "#FCDDC5", + "orange-150": "#FACBA8", + "orange-200": "#F8B98B", + "orange-250": "#F6A76A", + "orange-300": "#F4934B", + "orange-350": "#F27E27", + "orange-400": "#E76E12", + "orange-450": "#D26411", + "orange-500": "#BE5B0F", + "orange-550": "#AA510E", + "orange-600": "#97480C", + "orange-650": "#7E431D", + "orange-700": "#673C22", + "orange-750": "#533422", + "orange-800": "#412C1F", + "orange-850": "#31231B", + "orange-900": "#221A14", + "orange-950": "#15100C", + "brown-050": "#F3F0EF", + "brown-100": "#E7E1DF", + "brown-150": "#DCD2CF", + "brown-200": "#D0C4BF", + "brown-250": "#C5B6B0", + "brown-300": "#BAA7A1", + "brown-350": "#AF9992", + "brown-400": "#A48B83", + "brown-450": "#997E74", + "brown-500": "#8F7065", + "brown-550": "#846357", + "brown-600": "#7A5649", + "brown-650": "#684C42", + "brown-700": "#57423C", + "brown-750": "#463833", + "brown-800": "#382E2A", + "brown-850": "#2B2422", + "brown-900": "#1F1B19", + "brown-950": "#121010", + "yellow-050": "#FAF0D3", + "yellow-100": "#F5E2A4", + "yellow-150": "#F0D275", + "yellow-200": "#EBC242", + "yellow-250": "#E4B213", + "yellow-300": "#D4A511", + "yellow-350": "#C39810", + "yellow-400": "#B38B0F", + "yellow-450": "#A37F0D", + "yellow-500": "#93730C", + "yellow-550": "#84670B", + "yellow-600": "#755B0A", + "yellow-650": "#63501C", + "yellow-700": "#534521", + "yellow-750": "#443A21", + "yellow-800": "#36301F", + "yellow-850": "#29261A", + "yellow-900": "#1D1C14", + "yellow-950": "#12110C", + "green-050": "#E2F6E5", + "green-100": "#C5ECCA", + "green-150": "#A7E3AF", + "green-200": "#89D894", + "green-250": "#67CE75", + "green-300": "#4DC25D", + "green-350": "#48B257", + "green-400": "#41A44F", + "green-450": "#3B9548", + "green-500": "#368741", + "green-550": "#30793A", + "green-600": "#2B6B33", + "green-650": "#2F5C34", + "green-700": "#2E4E31", + "green-750": "#2A412C", + "green-800": "#253426", + "green-850": "#1E281F", + "green-900": "#171D17", + "green-950": "#0F120F", + "blue1-050": "#EBF1FF", + "blue1-100": "#D6E3FE", + "blue1-150": "#C2D5FE", + "blue1-200": "#ADC7FE", + "blue1-250": "#99B8FD", + "blue1-300": "#84AAFD", + "blue1-350": "#6F9BFD", + "blue1-400": "#5A8DFB", + "blue1-450": "#437DFC", + "blue1-500": "#3D71E4", + "blue1-550": "#3665CC", + "blue1-600": "#305AB5", + "blue1-650": "#315093", + "blue1-700": "#2E4675", + "blue1-750": "#293B5E", + "blue1-800": "#243048", + "blue1-850": "#1E2635", + "blue1-900": "#171C25", + "blue1-950": "#0E1116", + "blue2-050": "#E2F4F9", + "blue2-100": "#C5E9F3", + "blue2-150": "#A7DDED", + "blue2-200": "#88D1E6", + "blue2-250": "#68C5E0", + "blue2-300": "#48B8D9", + "blue2-350": "#3BAACA", + "blue2-400": "#359CB9", + "blue2-450": "#318EA9", + "blue2-500": "#2C8199", + "blue2-550": "#277389", + "blue2-600": "#236679", + "blue2-650": "#2A5866", + "blue2-700": "#2A4B55", + "blue2-750": "#283F47", + "blue2-800": "#233337", + "blue2-850": "#1D272A", + "blue2-900": "#161C1E", + "blue2-950": "#0E1112", + "purple-050": "#F6EEFF", + "purple-100": "#ECDCFF", + "purple-150": "#E3CBFE", + "purple-200": "#DAB9FE", + "purple-250": "#D0A7FE", + "purple-300": "#C795FE", + "purple-350": "#BD83FD", + "purple-400": "#B36FFD", + "purple-450": "#A85BFD", + "purple-500": "#9B4BF3", + "purple-550": "#8B43DA", + "purple-600": "#7B3CC1", + "purple-650": "#673C9B", + "purple-700": "#56387D", + "purple-750": "#463162", + "purple-800": "#382A4A", + "purple-850": "#2A2237", + "purple-900": "#1E1926", + "purple-950": "#121017", + "pink-050": "#FCEDF5", + "pink-100": "#F9DAEA", + "pink-150": "#F7C7E0", + "pink-200": "#F4B4D5", + "pink-250": "#F1A1CA", + "pink-300": "#EE8CBF", + "pink-350": "#EA77B3", + "pink-400": "#E760A6", + "pink-450": "#E24797", + "pink-500": "#CD4089", + "pink-550": "#B8397B", + "pink-600": "#A3336D", + "pink-650": "#86355E", + "pink-700": "#6E334F", + "pink-750": "#582E42", + "pink-800": "#442834", + "pink-850": "#332028", + "pink-900": "#24181D", + "pink-950": "#160F12", + }, + }, + { + prefix: "blueney", + variants: ["dark"], + }, +); const defaultConfig = { themes: { - redflux: { - globals: { - colors: { - "brand-050": "#FBEEED", - "brand-100": "#F7DCDB", - "brand-150": "#F4CBC9", - "brand-200": "#F0B9B7", - "brand-250": "#ECA7A4", - "brand-300": "#E89591", - "brand-350": "#E4827E", - "brand-400": "#E06F69", - "brand-450": "#DB5953", - "brand-500": "#D6413A", - "brand-550": "#CA2D25", - "brand-600": "#B32821", - "brand-650": "#933028", - "brand-700": "#783029", - "brand-750": "#5F2D27", - "brand-800": "#492723", - "brand-850": "#37201D", - "brand-900": "#261816", - "brand-950": "#170F0E", - "gray-000": "#FFFFFF", - "gray-025": "#F8F8F8", - "gray-050": "#F1F1F1", - "gray-100": "#E2E2E2", - "gray-150": "#D4D4D4", - "gray-200": "#C6C6C6", - "gray-250": "#B9B9B9", - "gray-300": "#ABABAB", - "gray-350": "#9E9E9E", - "gray-400": "#919191", - "gray-450": "#848484", - "gray-500": "#777777", - "gray-550": "#6A6A6A", - "gray-600": "#5E5E5E", - "gray-650": "#525252", - "gray-700": "#474747", - "gray-750": "#3B3B3B", - "gray-800": "#303030", - "gray-850": "#262626", - "gray-900": "#1B1B1B", - "gray-950": "#111111", - "gray-1000": "#000000", - "info-050": "#ECF1FA", - "info-100": "#D8E3F6", - "info-150": "#C5D5F1", - "info-200": "#B2C8EC", - "info-250": "#9FBAE8", - "info-300": "#8CACE3", - "info-350": "#7A9FDE", - "info-400": "#6791DA", - "info-450": "#5483D5", - "info-500": "#4075D0", - "info-550": "#2C67CC", - "info-600": "#265BB6", - "info-650": "#2A5195", - "info-700": "#2A4677", - "info-750": "#283B5E", - "info-800": "#233148", - "info-850": "#1C2635", - "info-900": "#161C25", - "info-950": "#0E1116", - "success-050": "#D9F9DB", - "success-100": "#B1F2B5", - "success-150": "#83EB89", - "success-200": "#71DD78", - "success-250": "#69CE6F", - "success-300": "#61BF67", - "success-350": "#5AB05F", - "success-400": "#53A158", - "success-450": "#4B934F", - "success-500": "#448548", - "success-550": "#3D7740", - "success-600": "#366939", - "success-650": "#365B38", - "success-700": "#324D34", - "success-750": "#2D402E", - "success-800": "#273427", - "success-850": "#202820", - "success-900": "#181D18", - "success-950": "#0F110E", - "warning-050": "#F7F0E3", - "warning-100": "#EFE1C7", - "warning-150": "#E7D2AB", - "warning-200": "#DFC38F", - "warning-250": "#D7B473", - "warning-300": "#CFA557", - "warning-350": "#C49644", - "warning-400": "#B38A3F", - "warning-450": "#A37E39", - "warning-500": "#947134", - "warning-550": "#84662E", - "warning-600": "#755A29", - "warning-650": "#63502C", - "warning-700": "#53442D", - "warning-750": "#453A29", - "warning-800": "#362F24", - "warning-850": "#2A251D", - "warning-900": "#1E1B16", - "warning-950": "#12110E", - "error-050": "#FBEEED", - "error-100": "#F8DCDC", - "error-150": "#F4CACA", - "error-200": "#F1B9B8", - "error-250": "#EDA7A6", - "error-300": "#E99494", - "error-350": "#E58181", - "error-400": "#E16D6C", - "error-450": "#DD5857", - "error-500": "#D14746", - "error-550": "#BB403F", - "error-600": "#A63838", - "error-650": "#893937", - "error-700": "#703533", - "error-750": "#59302D", - "error-800": "#452927", - "error-850": "#332120", - "error-900": "#241919", - "error-950": "#150F0F", - "red-050": "#FDEDED", - "red-100": "#FADBDB", - "red-150": "#F8C9C9", - "red-200": "#F5B7B6", - "red-250": "#F3A4A3", - "red-300": "#F09190", - "red-350": "#EE7C7B", - "red-400": "#EB6665", - "red-450": "#E74E4D", - "red-500": "#D83F3D", - "red-550": "#C23837", - "red-600": "#AC3231", - "red-650": "#8D3531", - "red-700": "#73332F", - "red-750": "#5B2F2B", - "red-800": "#472826", - "red-850": "#35211F", - "red-900": "#251817", - "red-950": "#160F0E", - "orange-050": "#FDEEE2", - "orange-100": "#FCDDC5", - "orange-150": "#FACBA8", - "orange-200": "#F8B98B", - "orange-250": "#F6A76A", - "orange-300": "#F4934B", - "orange-350": "#F27E27", - "orange-400": "#E76E12", - "orange-450": "#D26411", - "orange-500": "#BE5B0F", - "orange-550": "#AA510E", - "orange-600": "#97480C", - "orange-650": "#7E431D", - "orange-700": "#673C22", - "orange-750": "#533422", - "orange-800": "#412C1F", - "orange-850": "#31231B", - "orange-900": "#221A14", - "orange-950": "#15100C", - "brown-050": "#F3F0EF", - "brown-100": "#E7E1DF", - "brown-150": "#DCD2CF", - "brown-200": "#D0C4BF", - "brown-250": "#C5B6B0", - "brown-300": "#BAA7A1", - "brown-350": "#AF9992", - "brown-400": "#A48B83", - "brown-450": "#997E74", - "brown-500": "#8F7065", - "brown-550": "#846357", - "brown-600": "#7A5649", - "brown-650": "#684C42", - "brown-700": "#57423C", - "brown-750": "#463833", - "brown-800": "#382E2A", - "brown-850": "#2B2422", - "brown-900": "#1F1B19", - "brown-950": "#121010", - "yellow-050": "#FAF0D3", - "yellow-100": "#F5E2A4", - "yellow-150": "#F0D275", - "yellow-200": "#EBC242", - "yellow-250": "#E4B213", - "yellow-300": "#D4A511", - "yellow-350": "#C39810", - "yellow-400": "#B38B0F", - "yellow-450": "#A37F0D", - "yellow-500": "#93730C", - "yellow-550": "#84670B", - "yellow-600": "#755B0A", - "yellow-650": "#63501C", - "yellow-700": "#534521", - "yellow-750": "#443A21", - "yellow-800": "#36301F", - "yellow-850": "#29261A", - "yellow-900": "#1D1C14", - "yellow-950": "#12110C", - "green-050": "#E2F6E5", - "green-100": "#C5ECCA", - "green-150": "#A7E3AF", - "green-200": "#89D894", - "green-250": "#67CE75", - "green-300": "#4DC25D", - "green-350": "#48B257", - "green-400": "#41A44F", - "green-450": "#3B9548", - "green-500": "#368741", - "green-550": "#30793A", - "green-600": "#2B6B33", - "green-650": "#2F5C34", - "green-700": "#2E4E31", - "green-750": "#2A412C", - "green-800": "#253426", - "green-850": "#1E281F", - "green-900": "#171D17", - "green-950": "#0F120F", - "blue1-050": "#EBF1FF", - "blue1-100": "#D6E3FE", - "blue1-150": "#C2D5FE", - "blue1-200": "#ADC7FE", - "blue1-250": "#99B8FD", - "blue1-300": "#84AAFD", - "blue1-350": "#6F9BFD", - "blue1-400": "#5A8DFB", - "blue1-450": "#437DFC", - "blue1-500": "#3D71E4", - "blue1-550": "#3665CC", - "blue1-600": "#305AB5", - "blue1-650": "#315093", - "blue1-700": "#2E4675", - "blue1-750": "#293B5E", - "blue1-800": "#243048", - "blue1-850": "#1E2635", - "blue1-900": "#171C25", - "blue1-950": "#0E1116", - "blue2-050": "#E2F4F9", - "blue2-100": "#C5E9F3", - "blue2-150": "#A7DDED", - "blue2-200": "#88D1E6", - "blue2-250": "#68C5E0", - "blue2-300": "#48B8D9", - "blue2-350": "#3BAACA", - "blue2-400": "#359CB9", - "blue2-450": "#318EA9", - "blue2-500": "#2C8199", - "blue2-550": "#277389", - "blue2-600": "#236679", - "blue2-650": "#2A5866", - "blue2-700": "#2A4B55", - "blue2-750": "#283F47", - "blue2-800": "#233337", - "blue2-850": "#1D272A", - "blue2-900": "#161C1E", - "blue2-950": "#0E1112", - "purple-050": "#F6EEFF", - "purple-100": "#ECDCFF", - "purple-150": "#E3CBFE", - "purple-200": "#DAB9FE", - "purple-250": "#D0A7FE", - "purple-300": "#C795FE", - "purple-350": "#BD83FD", - "purple-400": "#B36FFD", - "purple-450": "#A85BFD", - "purple-500": "#9B4BF3", - "purple-550": "#8B43DA", - "purple-600": "#7B3CC1", - "purple-650": "#673C9B", - "purple-700": "#56387D", - "purple-750": "#463162", - "purple-800": "#382A4A", - "purple-850": "#2A2237", - "purple-900": "#1E1926", - "purple-950": "#121017", - "pink-050": "#FCEDF5", - "pink-100": "#F9DAEA", - "pink-150": "#F7C7E0", - "pink-200": "#F4B4D5", - "pink-250": "#F1A1CA", - "pink-300": "#EE8CBF", - "pink-350": "#EA77B3", - "pink-400": "#E760A6", - "pink-450": "#E24797", - "pink-500": "#CD4089", - "pink-550": "#B8397B", - "pink-600": "#A3336D", - "pink-650": "#86355E", - "pink-700": "#6E334F", - "pink-750": "#582E42", - "pink-800": "#442834", - "pink-850": "#332028", - "pink-900": "#24181D", - "pink-950": "#160F12", - }, - }, - contextuals: defaultThemes.dark.contextuals, - }, - blueney: { - globals: { - colors: { - "brand-050": "#EBF1FA", - "brand-100": "#D7E4F5", - "brand-150": "#C3D6F0", - "brand-200": "#B0C8EB", - "brand-250": "#9CBBE6", - "brand-300": "#89ADE1", - "brand-350": "#75A0DC", - "brand-400": "#6192D7", - "brand-450": "#4D85D2", - "brand-500": "#3977CD", - "brand-550": "#2C6ABF", - "brand-600": "#275EA9", - "brand-650": "#2B538A", - "brand-700": "#2B4770", - "brand-750": "#283C59", - "brand-800": "#233145", - "brand-850": "#1D2633", - "brand-900": "#171C24", - "brand-950": "#0E1115", - "gray-000": "#FFFFFF", - "gray-025": "#F8F8FA", - "gray-050": "#F0F0F5", - "gray-100": "#E1E2EA", - "gray-150": "#D2D4E0", - "gray-200": "#C4C5D6", - "gray-250": "#B5B7CC", - "gray-300": "#A7AAC2", - "gray-350": "#999CB6", - "gray-400": "#8D8FA7", - "gray-450": "#808298", - "gray-500": "#747689", - "gray-550": "#68697B", - "gray-600": "#5C5D6D", - "gray-650": "#50525F", - "gray-700": "#454652", - "gray-750": "#3A3B45", - "gray-800": "#2F3038", - "gray-850": "#25252C", - "gray-900": "#1B1B20", - "gray-950": "#101113", - "gray-1000": "#000000", - "info-050": "#EDF1F9", - "info-100": "#DAE3F3", - "info-150": "#C8D5EE", - "info-200": "#B7C7E8", - "info-250": "#A5B9E2", - "info-300": "#93ACDD", - "info-350": "#819ED7", - "info-400": "#7090D1", - "info-450": "#5E83CC", - "info-500": "#4D75C6", - "info-550": "#3B67C1", - "info-600": "#2959BB", - "info-650": "#29509B", - "info-700": "#28467C", - "info-750": "#263B61", - "info-800": "#22304B", - "info-850": "#1C2637", - "info-900": "#161C26", - "info-950": "#0E1117", - "success-050": "#E7F6D8", - "success-100": "#CEECB1", - "success-150": "#B4E289", - "success-200": "#99D85D", - "success-250": "#88CB49", - "success-300": "#7EBC43", - "success-350": "#74AD3E", - "success-400": "#6A9F39", - "success-450": "#619134", - "success-500": "#58832F", - "success-550": "#4E752A", - "success-600": "#456825", - "success-650": "#405A29", - "success-700": "#394C29", - "success-750": "#333F28", - "success-800": "#2B3323", - "success-850": "#22281E", - "success-900": "#191D16", - "success-950": "#10110E", - "warning-050": "#F8F0DE", - "warning-100": "#F0E2BC", - "warning-150": "#E9D39A", - "warning-200": "#E1C478", - "warning-250": "#D9B456", - "warning-300": "#D0A539", - "warning-350": "#C09934", - "warning-400": "#B08C2F", - "warning-450": "#A07F2B", - "warning-500": "#917327", - "warning-550": "#816723", - "warning-600": "#735B1F", - "warning-650": "#615026", - "warning-700": "#524527", - "warning-750": "#433B26", - "warning-800": "#363022", - "warning-850": "#29261C", - "warning-900": "#1D1B16", - "warning-950": "#12110E", - "error-050": "#FBEEED", - "error-100": "#F6DDDB", - "error-150": "#F2CCC8", - "error-200": "#EDBAB6", - "error-250": "#E9A9A4", - "error-300": "#E49791", - "error-350": "#E0857E", - "error-400": "#DB726A", - "error-450": "#D65E54", - "error-500": "#D0483D", - "error-550": "#C92E22", - "error-600": "#B5261A", - "error-650": "#952F24", - "error-700": "#783026", - "error-750": "#602C25", - "error-800": "#4A2722", - "error-850": "#371F1C", - "error-900": "#261816", - "error-950": "#170F0D", - "red-050": "#FDEDED", - "red-100": "#FADBDB", - "red-150": "#F8C9C9", - "red-200": "#F5B7B6", - "red-250": "#F3A4A3", - "red-300": "#F09190", - "red-350": "#EE7C7B", - "red-400": "#EB6665", - "red-450": "#E74E4D", - "red-500": "#D83F3D", - "red-550": "#C23837", - "red-600": "#AC3231", - "red-650": "#8D3531", - "red-700": "#73332F", - "red-750": "#5B2F2B", - "red-800": "#472826", - "red-850": "#35211F", - "red-900": "#251817", - "red-950": "#160F0E", - "orange-050": "#FDEEE2", - "orange-100": "#FCDDC5", - "orange-150": "#FACBA8", - "orange-200": "#F8B98B", - "orange-250": "#F6A76A", - "orange-300": "#F4934B", - "orange-350": "#F27E27", - "orange-400": "#E76E12", - "orange-450": "#D26411", - "orange-500": "#BE5B0F", - "orange-550": "#AA510E", - "orange-600": "#97480C", - "orange-650": "#7E431D", - "orange-700": "#673C22", - "orange-750": "#533422", - "orange-800": "#412C1F", - "orange-850": "#31231B", - "orange-900": "#221A14", - "orange-950": "#15100C", - "brown-050": "#F3F0EF", - "brown-100": "#E7E1DF", - "brown-150": "#DCD2CF", - "brown-200": "#D0C4BF", - "brown-250": "#C5B6B0", - "brown-300": "#BAA7A1", - "brown-350": "#AF9992", - "brown-400": "#A48B83", - "brown-450": "#997E74", - "brown-500": "#8F7065", - "brown-550": "#846357", - "brown-600": "#7A5649", - "brown-650": "#684C42", - "brown-700": "#57423C", - "brown-750": "#463833", - "brown-800": "#382E2A", - "brown-850": "#2B2422", - "brown-900": "#1F1B19", - "brown-950": "#121010", - "yellow-050": "#FAF0D3", - "yellow-100": "#F5E2A4", - "yellow-150": "#F0D275", - "yellow-200": "#EBC242", - "yellow-250": "#E4B213", - "yellow-300": "#D4A511", - "yellow-350": "#C39810", - "yellow-400": "#B38B0F", - "yellow-450": "#A37F0D", - "yellow-500": "#93730C", - "yellow-550": "#84670B", - "yellow-600": "#755B0A", - "yellow-650": "#63501C", - "yellow-700": "#534521", - "yellow-750": "#443A21", - "yellow-800": "#36301F", - "yellow-850": "#29261A", - "yellow-900": "#1D1C14", - "yellow-950": "#12110C", - "green-050": "#E2F6E5", - "green-100": "#C5ECCA", - "green-150": "#A7E3AF", - "green-200": "#89D894", - "green-250": "#67CE75", - "green-300": "#4DC25D", - "green-350": "#48B257", - "green-400": "#41A44F", - "green-450": "#3B9548", - "green-500": "#368741", - "green-550": "#30793A", - "green-600": "#2B6B33", - "green-650": "#2F5C34", - "green-700": "#2E4E31", - "green-750": "#2A412C", - "green-800": "#253426", - "green-850": "#1E281F", - "green-900": "#171D17", - "green-950": "#0F120F", - "blue1-050": "#EBF1FF", - "blue1-100": "#D6E3FE", - "blue1-150": "#C2D5FE", - "blue1-200": "#ADC7FE", - "blue1-250": "#99B8FD", - "blue1-300": "#84AAFD", - "blue1-350": "#6F9BFD", - "blue1-400": "#5A8DFB", - "blue1-450": "#437DFC", - "blue1-500": "#3D71E4", - "blue1-550": "#3665CC", - "blue1-600": "#305AB5", - "blue1-650": "#315093", - "blue1-700": "#2E4675", - "blue1-750": "#293B5E", - "blue1-800": "#243048", - "blue1-850": "#1E2635", - "blue1-900": "#171C25", - "blue1-950": "#0E1116", - "blue2-050": "#E2F4F9", - "blue2-100": "#C5E9F3", - "blue2-150": "#A7DDED", - "blue2-200": "#88D1E6", - "blue2-250": "#68C5E0", - "blue2-300": "#48B8D9", - "blue2-350": "#3BAACA", - "blue2-400": "#359CB9", - "blue2-450": "#318EA9", - "blue2-500": "#2C8199", - "blue2-550": "#277389", - "blue2-600": "#236679", - "blue2-650": "#2A5866", - "blue2-700": "#2A4B55", - "blue2-750": "#283F47", - "blue2-800": "#233337", - "blue2-850": "#1D272A", - "blue2-900": "#161C1E", - "blue2-950": "#0E1112", - "purple-050": "#F6EEFF", - "purple-100": "#ECDCFF", - "purple-150": "#E3CBFE", - "purple-200": "#DAB9FE", - "purple-250": "#D0A7FE", - "purple-300": "#C795FE", - "purple-350": "#BD83FD", - "purple-400": "#B36FFD", - "purple-450": "#A85BFD", - "purple-500": "#9B4BF3", - "purple-550": "#8B43DA", - "purple-600": "#7B3CC1", - "purple-650": "#673C9B", - "purple-700": "#56387D", - "purple-750": "#463162", - "purple-800": "#382A4A", - "purple-850": "#2A2237", - "purple-900": "#1E1926", - "purple-950": "#121017", - "pink-050": "#FCEDF5", - "pink-100": "#F9DAEA", - "pink-150": "#F7C7E0", - "pink-200": "#F4B4D5", - "pink-250": "#F1A1CA", - "pink-300": "#EE8CBF", - "pink-350": "#EA77B3", - "pink-400": "#E760A6", - "pink-450": "#E24797", - "pink-500": "#CD4089", - "pink-550": "#B8397B", - "pink-600": "#A3336D", - "pink-650": "#86355E", - "pink-700": "#6E334F", - "pink-750": "#582E42", - "pink-800": "#442834", - "pink-850": "#332028", - "pink-900": "#24181D", - "pink-950": "#160F12", - }, - }, - contextuals: defaultThemes.dark.contextuals, - }, + ...redflux, + ...blueney, dark: { components: { card: { diff --git a/apps/demo/src/App.tsx b/apps/demo/src/App.tsx index 4bbe9c9..6159926 100644 --- a/apps/demo/src/App.tsx +++ b/apps/demo/src/App.tsx @@ -27,11 +27,11 @@ const THEMES: Record> = { }, [Theme.REDFLUX]: { light: undefined, - dark: "redflux", + dark: "redflux-dark", }, [Theme.BLUENEY]: { light: undefined, - dark: "blueney", + dark: "blueney-dark", }, }; diff --git a/apps/demo/src/Onboarding.tsx b/apps/demo/src/Onboarding.tsx index 2a363e0..6606aa5 100644 --- a/apps/demo/src/Onboarding.tsx +++ b/apps/demo/src/Onboarding.tsx @@ -1,5 +1,10 @@ import React from "react"; -import { Button, Modal, ModalSize, useModal } from "@gouvfr-lasuite/cunningham-react"; +import { + Button, + Modal, + ModalSize, + useModal, +} from "@gouvfr-lasuite/cunningham-react"; const Onboarding = () => { const modal = useModal({ diff --git a/apps/demo/src/cunningham-tokens-sass.scss b/apps/demo/src/cunningham-tokens-sass.scss index f96e2e3..c711097 100644 --- a/apps/demo/src/cunningham-tokens-sass.scss +++ b/apps/demo/src/cunningham-tokens-sass.scss @@ -2,10 +2,10 @@ $themes: ( 'default': ( 'globals': ( 'colors': ( - 'logo-1': #377FDB, - 'logo-2': #377FDB, - 'logo-1-dark': #95ABFF, - 'logo-2-dark': #95ABFF, + 'logo-1-light': #377FDB, + 'logo-2-light': #377FDB, + 'logo-1-dark': #C1D6F2, + 'logo-2-dark': #C1D6F2, 'brand-050': #EAF1FB, 'brand-100': #D5E4F7, 'brand-150': #C0D6F4, @@ -294,46 +294,47 @@ $themes: ( 'pink-850': #332028, 'pink-900': #24181D, 'pink-950': #160F12, - 'black-000': #00000000, - 'black-050': #0000000D, - 'black-100': #0000001A, - 'black-150': #00000026, - 'black-200': #00000033, - 'black-250': #00000040, - 'black-300': #0000004D, - 'black-350': #00000059, - 'black-400': #00000066, - 'black-450': #00000073, - 'black-500': #00000080, - 'black-550': #0000008C, - 'black-600': #00000099, - 'black-650': #000000A6, - 'black-700': #000000B3, - 'black-750': #000000BF, - 'black-800': #000000CC, - 'black-850': #000000D9, - 'black-900': #000000E6, - 'black-950': #000000F2, - 'white-000': #FFFFFF, - 'white-050': #FFFFFF0D, - 'white-100': #FFFFFF1A, - 'white-150': #FFFFFF26, - 'white-200': #FFFFFF33, - 'white-250': #FFFFFF40, - 'white-300': #FFFFFF4D, - 'white-350': #FFFFFF59, - 'white-400': #FFFFFF66, - 'white-450': #FFFFFF73, - 'white-500': #FFFFFF80, - 'white-550': #FFFFFF8C, - 'white-600': #FFFFFF99, - 'white-650': #FFFFFFA6, - 'white-700': #FFFFFFB3, - 'white-750': #FFFFFFBF, - 'white-800': #FFFFFFCC, - 'white-850': #FFFFFFD9, - 'white-900': #FFFFFFE6, - 'white-950': #FFFFFFF2 + 'black-000': #1B1C1D00, + 'black-050': #1B1C1D0D, + 'black-100': #1B1C1D1A, + 'black-150': #1B1C1D26, + 'black-200': #1B1C1D33, + 'black-250': #1B1C1D40, + 'black-300': #1B1C1D4D, + 'black-350': #1B1C1D59, + 'black-400': #1B1C1D66, + 'black-450': #1B1C1D73, + 'black-500': #1B1C1D80, + 'black-550': #1B1C1D8C, + 'black-600': #1B1C1D99, + 'black-650': #1B1C1DA6, + 'black-700': #1B1C1DB2, + 'black-750': #1B1C1DBF, + 'black-800': #1B1C1DCC, + 'black-850': #1B1C1DD9, + 'black-900': #1B1C1DE5, + 'black-950': #101112F2, + 'white-000': #F7F8F800, + 'white-050': #F7F8F80D, + 'white-100': #F7F8F81A, + 'white-150': #F7F8F826, + 'white-200': #F7F8F833, + 'white-250': #F7F8F840, + 'white-300': #F7F8F84D, + 'white-350': #F7F8F859, + 'white-400': #F7F8F866, + 'white-450': #F7F8F873, + 'white-500': #F7F8F880, + 'white-550': #F7F8F88C, + 'white-600': #F7F8F899, + 'white-650': #F7F8F8A6, + 'white-700': #F7F8F8B2, + 'white-750': #F7F8F8BF, + 'white-800': #F7F8F8CC, + 'white-850': #F7F8F8D9, + 'white-900': #F7F8F8E5, + 'white-950': #F7F8F8F2, + 'white-975': #F7F8F8F9 ), 'transitions': ( 'ease-in': #{cubic-bezier(0.32, 0, 0.67, 0)}, @@ -385,6 +386,8 @@ $themes: ( 't': 0.5rem, 'st': 0.25rem, '4xs': 0.125rem, + '3xs': 0.25rem, + '2xs': 0.375rem, 'xxxs': 0.25rem, 'xxs': 0.375rem, 'xs': 0.5rem, @@ -395,13 +398,15 @@ $themes: ( 'xl': 2.5rem, 'xxl': 3rem, 'xxxl': 3.5rem, + '2xl': 3rem, + '3xl': 3.5rem, '4xl': 4rem, '5xl': 4.5rem, '6xl': 6rem, '7xl': 7.5rem ), 'breakpoints': ( - 'xs': 0, + 'xs': 0px, 'sm': 576px, 'md': 768px, 'lg': 992px, @@ -417,6 +422,14 @@ $themes: ( 'tertiary': #F7F8F8 ), 'semantic': ( + 'overlay': ( + 'primary': #1B1C1D0D, + 'primary-hover': #1B1C1D1A + ), + 'contextual': ( + 'primary': #1B1C1D0D, + 'primary-hover': #1B1C1D1A + ), 'brand': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -433,10 +446,6 @@ $themes: ( 'tertiary': #F0F1F2, 'tertiary-hover': #E1E2E5 ), - 'contextual': ( - 'primary': #0000000D, - 'primary-hover': #0000001A - ), 'info': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -530,114 +539,92 @@ $themes: ( 'secondary': #999EA5, 'tertiary': #D2D4D8 ) - ), - 'text': ( - 'primary': #0000000D ) ), 'content': ( 'logo1': #377FDB, 'logo2': #377FDB, 'semantic': ( + 'contextual': ( + 'primary': #F7F8F8F2 + ), + 'overlay': ( + 'primary': #F7F8F8F2 + ), 'brand': ( 'primary': #20467F, 'secondary': #0659C5, - 'tertiary': #2976D8, + 'tertiary': #1167D4, 'on-brand': #EAF1FB ), 'neutral': ( 'primary': #252627, 'secondary': #5C5F63, - 'tertiary': #74777C, + 'tertiary': #686B6F, 'on-neutral': #F0F1F2 ), - 'contextual': ( - 'primary': #FFFFFFF2 - ), 'info': ( 'primary': #20467F, 'secondary': #0659C5, - 'tertiary': #2976D8, + 'tertiary': #1167D4, 'on-info': #EAF1FB ), 'success': ( 'primary': #344D24, 'secondary': #3A6A14, - 'tertiary': #4B851A, + 'tertiary': #427816, 'on-success': #E4F7D4 ), 'warning': ( 'primary': #524620, 'secondary': #745B03, - 'tertiary': #937303, + 'tertiary': #836703, 'on-warning': #FFF1BD ), 'error': ( 'primary': #802820, 'secondary': #C00101, - 'tertiary': #E13131, + 'tertiary': #D80000, 'on-error': #FCEDED ), 'disabled': ( 'primary': #A7ACB2, - 'secondary': #FFFFFF80 + 'secondary': #F7F8F880 ) ), 'palette': ( 'brand': ( - 'primary': #2976D8, - 'secondary': #6CA0E4, - 'tertiary': #C0D6F4 + 'primary': #2976D8 ), 'red': ( - 'primary': #D83F3D, - 'secondary': #EE7C7B, - 'tertiary': #F8C9C9 + 'primary': #D83F3D ), 'orange': ( - 'primary': #BE5B0F, - 'secondary': #F27E27, - 'tertiary': #FACBA8 + 'primary': #BE5B0F ), 'brown': ( - 'primary': #8F7065, - 'secondary': #AF9992, - 'tertiary': #DCD2CF + 'primary': #8F7065 ), 'yellow': ( - 'primary': #93730C, - 'secondary': #C39810, - 'tertiary': #F0D275 + 'primary': #93730C ), 'green': ( - 'primary': #368741, - 'secondary': #48B257, - 'tertiary': #A7E3AF + 'primary': #368741 ), 'blue-1': ( - 'primary': #3D71E4, - 'secondary': #6F9BFD, - 'tertiary': #C2D5FE + 'primary': #3D71E4 ), 'blue-2': ( - 'primary': #2C8199, - 'secondary': #3BAACA, - 'tertiary': #A7DDED + 'primary': #2C8199 ), 'purple': ( - 'primary': #9B4BF3, - 'secondary': #BD83FD, - 'tertiary': #E3CBFE + 'primary': #9B4BF3 ), 'pink': ( - 'primary': #CD4089, - 'secondary': #EA77B3, - 'tertiary': #F7C7E0 + 'primary': #CD4089 ), 'gray': ( - 'primary': #74777C, - 'secondary': #999EA5, - 'tertiary': #D2D4D8 + 'primary': #74777C ) ) ), @@ -646,14 +633,17 @@ $themes: ( 'primary': #E1E2E5 ), 'semantic': ( + 'contextual': ( + 'primary': #F7F8F833 + ), + 'overlay': ( + 'primary': #F7F8F833 + ), 'brand': ( 'primary': #1167D4, 'secondary': #80AEE8, 'tertiary': #C0D6F4 ), - 'contextual': ( - 'primary': #FFFFFF33 - ), 'neutral': ( 'primary': #686B6F, 'secondary': #A7ACB2, @@ -682,63 +672,6 @@ $themes: ( 'disabled': ( 'primary': #E1E2E5 ) - ), - 'palette': ( - 'brand': ( - 'primary': #2976D8, - 'secondary': #6CA0E4, - 'tertiary': #C0D6F4 - ), - 'red': ( - 'primary': #D83F3D, - 'secondary': #EE7C7B, - 'tertiary': #F8C9C9 - ), - 'orange': ( - 'primary': #BE5B0F, - 'secondary': #F27E27, - 'tertiary': #FACBA8 - ), - 'brown': ( - 'primary': #8F7065, - 'secondary': #AF9992, - 'tertiary': #DCD2CF - ), - 'yellow': ( - 'primary': #93730C, - 'secondary': #C39810, - 'tertiary': #F0D275 - ), - 'green': ( - 'primary': #368741, - 'secondary': #48B257, - 'tertiary': #A7E3AF - ), - 'blue-1': ( - 'primary': #3D71E4, - 'secondary': #6F9BFD, - 'tertiary': #C2D5FE - ), - 'blue-2': ( - 'primary': #2C8199, - 'secondary': #3BAACA, - 'tertiary': #A7DDED - ), - 'purple': ( - 'primary': #9B4BF3, - 'secondary': #BD83FD, - 'tertiary': #E3CBFE - ), - 'pink': ( - 'primary': #CD4089, - 'secondary': #EA77B3, - 'tertiary': #F7C7E0 - ), - 'gray': ( - 'primary': #74777C, - 'secondary': #999EA5, - 'tertiary': #D2D4D8 - ) ) ) ), @@ -747,10 +680,10 @@ $themes: ( 'dark': ( 'globals': ( 'colors': ( - 'logo-1': #377FDB, - 'logo-2': #377FDB, - 'logo-1-dark': #95ABFF, - 'logo-2-dark': #95ABFF, + 'logo-1-light': #377FDB, + 'logo-2-light': #377FDB, + 'logo-1-dark': #C1D6F2, + 'logo-2-dark': #C1D6F2, 'brand-050': #EAF1FB, 'brand-100': #D5E4F7, 'brand-150': #C0D6F4, @@ -1039,46 +972,47 @@ $themes: ( 'pink-850': #332028, 'pink-900': #24181D, 'pink-950': #160F12, - 'black-000': #00000000, - 'black-050': #0000000D, - 'black-100': #0000001A, - 'black-150': #00000026, - 'black-200': #00000033, - 'black-250': #00000040, - 'black-300': #0000004D, - 'black-350': #00000059, - 'black-400': #00000066, - 'black-450': #00000073, - 'black-500': #00000080, - 'black-550': #0000008C, - 'black-600': #00000099, - 'black-650': #000000A6, - 'black-700': #000000B3, - 'black-750': #000000BF, - 'black-800': #000000CC, - 'black-850': #000000D9, - 'black-900': #000000E6, - 'black-950': #000000F2, - 'white-000': #FFFFFF, - 'white-050': #FFFFFF0D, - 'white-100': #FFFFFF1A, - 'white-150': #FFFFFF26, - 'white-200': #FFFFFF33, - 'white-250': #FFFFFF40, - 'white-300': #FFFFFF4D, - 'white-350': #FFFFFF59, - 'white-400': #FFFFFF66, - 'white-450': #FFFFFF73, - 'white-500': #FFFFFF80, - 'white-550': #FFFFFF8C, - 'white-600': #FFFFFF99, - 'white-650': #FFFFFFA6, - 'white-700': #FFFFFFB3, - 'white-750': #FFFFFFBF, - 'white-800': #FFFFFFCC, - 'white-850': #FFFFFFD9, - 'white-900': #FFFFFFE6, - 'white-950': #FFFFFFF2 + 'black-000': #1B1C1D00, + 'black-050': #1B1C1D0D, + 'black-100': #1B1C1D1A, + 'black-150': #1B1C1D26, + 'black-200': #1B1C1D33, + 'black-250': #1B1C1D40, + 'black-300': #1B1C1D4D, + 'black-350': #1B1C1D59, + 'black-400': #1B1C1D66, + 'black-450': #1B1C1D73, + 'black-500': #1B1C1D80, + 'black-550': #1B1C1D8C, + 'black-600': #1B1C1D99, + 'black-650': #1B1C1DA6, + 'black-700': #1B1C1DB2, + 'black-750': #1B1C1DBF, + 'black-800': #1B1C1DCC, + 'black-850': #1B1C1DD9, + 'black-900': #1B1C1DE5, + 'black-950': #101112F2, + 'white-000': #F7F8F800, + 'white-050': #F7F8F80D, + 'white-100': #F7F8F81A, + 'white-150': #F7F8F826, + 'white-200': #F7F8F833, + 'white-250': #F7F8F840, + 'white-300': #F7F8F84D, + 'white-350': #F7F8F859, + 'white-400': #F7F8F866, + 'white-450': #F7F8F873, + 'white-500': #F7F8F880, + 'white-550': #F7F8F88C, + 'white-600': #F7F8F899, + 'white-650': #F7F8F8A6, + 'white-700': #F7F8F8B2, + 'white-750': #F7F8F8BF, + 'white-800': #F7F8F8CC, + 'white-850': #F7F8F8D9, + 'white-900': #F7F8F8E5, + 'white-950': #F7F8F8F2, + 'white-975': #F7F8F8F9 ), 'transitions': ( 'ease-in': #{cubic-bezier(0.32, 0, 0.67, 0)}, @@ -1130,6 +1064,8 @@ $themes: ( 't': 0.5rem, 'st': 0.25rem, '4xs': 0.125rem, + '3xs': 0.25rem, + '2xs': 0.375rem, 'xxxs': 0.25rem, 'xxs': 0.375rem, 'xs': 0.5rem, @@ -1140,13 +1076,15 @@ $themes: ( 'xl': 2.5rem, 'xxl': 3rem, 'xxxl': 3.5rem, + '2xl': 3rem, + '3xl': 3.5rem, '4xl': 4rem, '5xl': 4.5rem, '6xl': 6rem, '7xl': 7.5rem ), 'breakpoints': ( - 'xs': 0, + 'xs': 0px, 'sm': 576px, 'md': 768px, 'lg': 992px, @@ -1162,6 +1100,14 @@ $themes: ( 'tertiary': #1B1C1D ), 'semantic': ( + 'contextual': ( + 'primary': #F7F8F80D, + 'primary-hover': #F7F8F81A + ), + 'overlay': ( + 'primary': #F7F8F80D, + 'primary-hover': #F7F8F81A + ), 'brand': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -1178,10 +1124,6 @@ $themes: ( 'tertiary': #3A3B3E, 'tertiary-hover': #2F3033 ), - 'contextual': ( - 'primary': #FFFFFF0D, - 'primary-hover': #FFFFFF1A - ), 'info': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -1278,9 +1220,15 @@ $themes: ( ) ), 'content': ( - 'logo1': #95ABFF, - 'logo2': #95ABFF, + 'logo1': #C1D6F2, + 'logo2': #C1D6F2, 'semantic': ( + 'contextual': ( + 'primary': #1B1C1DD9 + ), + 'overlay': ( + 'primary': #1B1C1DD9 + ), 'brand': ( 'primary': #EAF1FB, 'secondary': #D5E4F7, @@ -1293,9 +1241,6 @@ $themes: ( 'tertiary': #B5B9BE, 'on-neutral': #F0F1F2 ), - 'contextual': ( - 'primary': #000000D9 - ), 'info': ( 'primary': #EAF1FB, 'secondary': #D5E4F7, @@ -1322,64 +1267,42 @@ $themes: ( ), 'disabled': ( 'primary': #5C5F63, - 'secondary': #0000004D + 'secondary': #1B1C1D4D ) ), 'palette': ( 'brand': ( - 'primary': #6CA0E4, - 'secondary': #4085DC, - 'tertiary': #1167D4 + 'primary': #2976D8 ), 'red': ( - 'primary': #EE7C7B, - 'secondary': #E74E4D, - 'tertiary': #C23837 + 'primary': #D83F3D ), 'orange': ( - 'primary': #F27E27, - 'secondary': #D26411, - 'tertiary': #AA510E + 'primary': #BE5B0F ), 'brown': ( - 'primary': #AF9992, - 'secondary': #997E74, - 'tertiary': #846357 + 'primary': #8F7065 ), 'yellow': ( - 'primary': #C39810, - 'secondary': #A37F0D, - 'tertiary': #84670B + 'primary': #93730C ), 'green': ( - 'primary': #48B257, - 'secondary': #3B9548, - 'tertiary': #30793A + 'primary': #368741 ), 'blue-1': ( - 'primary': #6F9BFD, - 'secondary': #437DFC, - 'tertiary': #3665CC + 'primary': #3D71E4 ), 'blue-2': ( - 'primary': #3BAACA, - 'secondary': #318EA9, - 'tertiary': #277389 + 'primary': #2C8199 ), 'purple': ( - 'primary': #BD83FD, - 'secondary': #A85BFD, - 'tertiary': #8B43DA + 'primary': #9B4BF3 ), 'pink': ( - 'primary': #EA77B3, - 'secondary': #E24797, - 'tertiary': #B8397B + 'primary': #CD4089 ), 'gray': ( - 'primary': #999EA5, - 'secondary': #80848A, - 'tertiary': #686B6F + 'primary': #74777C ) ) ), @@ -1388,14 +1311,17 @@ $themes: ( 'primary': #3A3B3E ), 'semantic': ( + 'contextual': ( + 'primary': #1B1C1D33 + ), + 'overlay': ( + 'primary': #1B1C1D33 + ), 'brand': ( 'primary': #4085DC, 'secondary': #0659C5, 'tertiary': #20467F ), - 'contextual': ( - 'primary': #00000033 - ), 'neutral': ( 'primary': #80848A, 'secondary': #5C5F63, @@ -1424,63 +1350,6 @@ $themes: ( 'disabled': ( 'primary': #2F3033 ) - ), - 'palette': ( - 'brand': ( - 'primary': #6CA0E4, - 'secondary': #4085DC, - 'tertiary': #1167D4 - ), - 'red': ( - 'primary': #EE7C7B, - 'secondary': #E74E4D, - 'tertiary': #C23837 - ), - 'orange': ( - 'primary': #F27E27, - 'secondary': #D26411, - 'tertiary': #AA510E - ), - 'brown': ( - 'primary': #AF9992, - 'secondary': #997E74, - 'tertiary': #846357 - ), - 'yellow': ( - 'primary': #C39810, - 'secondary': #A37F0D, - 'tertiary': #84670B - ), - 'green': ( - 'primary': #48B257, - 'secondary': #3B9548, - 'tertiary': #30793A - ), - 'blue-1': ( - 'primary': #6F9BFD, - 'secondary': #437DFC, - 'tertiary': #3665CC - ), - 'blue-2': ( - 'primary': #3BAACA, - 'secondary': #318EA9, - 'tertiary': #277389 - ), - 'purple': ( - 'primary': #BD83FD, - 'secondary': #A85BFD, - 'tertiary': #8B43DA - ), - 'pink': ( - 'primary': #EA77B3, - 'secondary': #E24797, - 'tertiary': #B8397B - ), - 'gray': ( - 'primary': #999EA5, - 'secondary': #80848A, - 'tertiary': #686B6F - ) ) ) ), @@ -1491,7 +1360,7 @@ $themes: ( ) ) ), - 'redflux': ( + 'redflux-dark': ( 'globals': ( 'colors': ( 'brand-050': #FBEEED, @@ -1792,6 +1661,14 @@ $themes: ( 'tertiary': #1B1C1D ), 'semantic': ( + 'contextual': ( + 'primary': #F7F8F80D, + 'primary-hover': #F7F8F81A + ), + 'overlay': ( + 'primary': #F7F8F80D, + 'primary-hover': #F7F8F81A + ), 'brand': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -1808,10 +1685,6 @@ $themes: ( 'tertiary': #3A3B3E, 'tertiary-hover': #2F3033 ), - 'contextual': ( - 'primary': #FFFFFF0D, - 'primary-hover': #FFFFFF1A - ), 'info': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -1908,9 +1781,15 @@ $themes: ( ) ), 'content': ( - 'logo1': #95ABFF, - 'logo2': #95ABFF, + 'logo1': #C1D6F2, + 'logo2': #C1D6F2, 'semantic': ( + 'contextual': ( + 'primary': #1B1C1DD9 + ), + 'overlay': ( + 'primary': #1B1C1DD9 + ), 'brand': ( 'primary': #EAF1FB, 'secondary': #D5E4F7, @@ -1923,9 +1802,6 @@ $themes: ( 'tertiary': #B5B9BE, 'on-neutral': #F0F1F2 ), - 'contextual': ( - 'primary': #000000D9 - ), 'info': ( 'primary': #EAF1FB, 'secondary': #D5E4F7, @@ -1952,64 +1828,42 @@ $themes: ( ), 'disabled': ( 'primary': #5C5F63, - 'secondary': #0000004D + 'secondary': #1B1C1D4D ) ), 'palette': ( 'brand': ( - 'primary': #6CA0E4, - 'secondary': #4085DC, - 'tertiary': #1167D4 + 'primary': #2976D8 ), 'red': ( - 'primary': #EE7C7B, - 'secondary': #E74E4D, - 'tertiary': #C23837 + 'primary': #D83F3D ), 'orange': ( - 'primary': #F27E27, - 'secondary': #D26411, - 'tertiary': #AA510E + 'primary': #BE5B0F ), 'brown': ( - 'primary': #AF9992, - 'secondary': #997E74, - 'tertiary': #846357 + 'primary': #8F7065 ), 'yellow': ( - 'primary': #C39810, - 'secondary': #A37F0D, - 'tertiary': #84670B + 'primary': #93730C ), 'green': ( - 'primary': #48B257, - 'secondary': #3B9548, - 'tertiary': #30793A + 'primary': #368741 ), 'blue-1': ( - 'primary': #6F9BFD, - 'secondary': #437DFC, - 'tertiary': #3665CC + 'primary': #3D71E4 ), 'blue-2': ( - 'primary': #3BAACA, - 'secondary': #318EA9, - 'tertiary': #277389 + 'primary': #2C8199 ), 'purple': ( - 'primary': #BD83FD, - 'secondary': #A85BFD, - 'tertiary': #8B43DA + 'primary': #9B4BF3 ), 'pink': ( - 'primary': #EA77B3, - 'secondary': #E24797, - 'tertiary': #B8397B + 'primary': #CD4089 ), 'gray': ( - 'primary': #999EA5, - 'secondary': #80848A, - 'tertiary': #686B6F + 'primary': #74777C ) ) ), @@ -2018,14 +1872,17 @@ $themes: ( 'primary': #3A3B3E ), 'semantic': ( + 'contextual': ( + 'primary': #1B1C1D33 + ), + 'overlay': ( + 'primary': #1B1C1D33 + ), 'brand': ( 'primary': #4085DC, 'secondary': #0659C5, 'tertiary': #20467F ), - 'contextual': ( - 'primary': #00000033 - ), 'neutral': ( 'primary': #80848A, 'secondary': #5C5F63, @@ -2054,68 +1911,11 @@ $themes: ( 'disabled': ( 'primary': #2F3033 ) - ), - 'palette': ( - 'brand': ( - 'primary': #6CA0E4, - 'secondary': #4085DC, - 'tertiary': #1167D4 - ), - 'red': ( - 'primary': #EE7C7B, - 'secondary': #E74E4D, - 'tertiary': #C23837 - ), - 'orange': ( - 'primary': #F27E27, - 'secondary': #D26411, - 'tertiary': #AA510E - ), - 'brown': ( - 'primary': #AF9992, - 'secondary': #997E74, - 'tertiary': #846357 - ), - 'yellow': ( - 'primary': #C39810, - 'secondary': #A37F0D, - 'tertiary': #84670B - ), - 'green': ( - 'primary': #48B257, - 'secondary': #3B9548, - 'tertiary': #30793A - ), - 'blue-1': ( - 'primary': #6F9BFD, - 'secondary': #437DFC, - 'tertiary': #3665CC - ), - 'blue-2': ( - 'primary': #3BAACA, - 'secondary': #318EA9, - 'tertiary': #277389 - ), - 'purple': ( - 'primary': #BD83FD, - 'secondary': #A85BFD, - 'tertiary': #8B43DA - ), - 'pink': ( - 'primary': #EA77B3, - 'secondary': #E24797, - 'tertiary': #B8397B - ), - 'gray': ( - 'primary': #999EA5, - 'secondary': #80848A, - 'tertiary': #686B6F - ) ) ) ) ), - 'blueney': ( + 'blueney-dark': ( 'globals': ( 'colors': ( 'brand-050': #EBF1FA, @@ -2416,6 +2216,14 @@ $themes: ( 'tertiary': #1B1C1D ), 'semantic': ( + 'contextual': ( + 'primary': #F7F8F80D, + 'primary-hover': #F7F8F81A + ), + 'overlay': ( + 'primary': #F7F8F80D, + 'primary-hover': #F7F8F81A + ), 'brand': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -2432,10 +2240,6 @@ $themes: ( 'tertiary': #3A3B3E, 'tertiary-hover': #2F3033 ), - 'contextual': ( - 'primary': #FFFFFF0D, - 'primary-hover': #FFFFFF1A - ), 'info': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -2532,9 +2336,15 @@ $themes: ( ) ), 'content': ( - 'logo1': #95ABFF, - 'logo2': #95ABFF, + 'logo1': #C1D6F2, + 'logo2': #C1D6F2, 'semantic': ( + 'contextual': ( + 'primary': #1B1C1DD9 + ), + 'overlay': ( + 'primary': #1B1C1DD9 + ), 'brand': ( 'primary': #EAF1FB, 'secondary': #D5E4F7, @@ -2547,9 +2357,6 @@ $themes: ( 'tertiary': #B5B9BE, 'on-neutral': #F0F1F2 ), - 'contextual': ( - 'primary': #000000D9 - ), 'info': ( 'primary': #EAF1FB, 'secondary': #D5E4F7, @@ -2576,64 +2383,42 @@ $themes: ( ), 'disabled': ( 'primary': #5C5F63, - 'secondary': #0000004D + 'secondary': #1B1C1D4D ) ), 'palette': ( 'brand': ( - 'primary': #6CA0E4, - 'secondary': #4085DC, - 'tertiary': #1167D4 + 'primary': #2976D8 ), 'red': ( - 'primary': #EE7C7B, - 'secondary': #E74E4D, - 'tertiary': #C23837 + 'primary': #D83F3D ), 'orange': ( - 'primary': #F27E27, - 'secondary': #D26411, - 'tertiary': #AA510E + 'primary': #BE5B0F ), 'brown': ( - 'primary': #AF9992, - 'secondary': #997E74, - 'tertiary': #846357 + 'primary': #8F7065 ), 'yellow': ( - 'primary': #C39810, - 'secondary': #A37F0D, - 'tertiary': #84670B + 'primary': #93730C ), 'green': ( - 'primary': #48B257, - 'secondary': #3B9548, - 'tertiary': #30793A + 'primary': #368741 ), 'blue-1': ( - 'primary': #6F9BFD, - 'secondary': #437DFC, - 'tertiary': #3665CC + 'primary': #3D71E4 ), 'blue-2': ( - 'primary': #3BAACA, - 'secondary': #318EA9, - 'tertiary': #277389 + 'primary': #2C8199 ), 'purple': ( - 'primary': #BD83FD, - 'secondary': #A85BFD, - 'tertiary': #8B43DA + 'primary': #9B4BF3 ), 'pink': ( - 'primary': #EA77B3, - 'secondary': #E24797, - 'tertiary': #B8397B + 'primary': #CD4089 ), 'gray': ( - 'primary': #999EA5, - 'secondary': #80848A, - 'tertiary': #686B6F + 'primary': #74777C ) ) ), @@ -2642,14 +2427,17 @@ $themes: ( 'primary': #3A3B3E ), 'semantic': ( + 'contextual': ( + 'primary': #1B1C1D33 + ), + 'overlay': ( + 'primary': #1B1C1D33 + ), 'brand': ( 'primary': #4085DC, 'secondary': #0659C5, 'tertiary': #20467F ), - 'contextual': ( - 'primary': #00000033 - ), 'neutral': ( 'primary': #80848A, 'secondary': #5C5F63, @@ -2678,63 +2466,6 @@ $themes: ( 'disabled': ( 'primary': #2F3033 ) - ), - 'palette': ( - 'brand': ( - 'primary': #6CA0E4, - 'secondary': #4085DC, - 'tertiary': #1167D4 - ), - 'red': ( - 'primary': #EE7C7B, - 'secondary': #E74E4D, - 'tertiary': #C23837 - ), - 'orange': ( - 'primary': #F27E27, - 'secondary': #D26411, - 'tertiary': #AA510E - ), - 'brown': ( - 'primary': #AF9992, - 'secondary': #997E74, - 'tertiary': #846357 - ), - 'yellow': ( - 'primary': #C39810, - 'secondary': #A37F0D, - 'tertiary': #84670B - ), - 'green': ( - 'primary': #48B257, - 'secondary': #3B9548, - 'tertiary': #30793A - ), - 'blue-1': ( - 'primary': #6F9BFD, - 'secondary': #437DFC, - 'tertiary': #3665CC - ), - 'blue-2': ( - 'primary': #3BAACA, - 'secondary': #318EA9, - 'tertiary': #277389 - ), - 'purple': ( - 'primary': #BD83FD, - 'secondary': #A85BFD, - 'tertiary': #8B43DA - ), - 'pink': ( - 'primary': #EA77B3, - 'secondary': #E24797, - 'tertiary': #B8397B - ), - 'gray': ( - 'primary': #999EA5, - 'secondary': #80848A, - 'tertiary': #686B6F - ) ) ) ) @@ -2743,10 +2474,10 @@ $themes: ( $default: ( 'globals': ( 'colors': ( - 'logo-1': #377FDB, - 'logo-2': #377FDB, - 'logo-1-dark': #95ABFF, - 'logo-2-dark': #95ABFF, + 'logo-1-light': #377FDB, + 'logo-2-light': #377FDB, + 'logo-1-dark': #C1D6F2, + 'logo-2-dark': #C1D6F2, 'brand-050': #EAF1FB, 'brand-100': #D5E4F7, 'brand-150': #C0D6F4, @@ -3035,46 +2766,47 @@ $default: ( 'pink-850': #332028, 'pink-900': #24181D, 'pink-950': #160F12, - 'black-000': #00000000, - 'black-050': #0000000D, - 'black-100': #0000001A, - 'black-150': #00000026, - 'black-200': #00000033, - 'black-250': #00000040, - 'black-300': #0000004D, - 'black-350': #00000059, - 'black-400': #00000066, - 'black-450': #00000073, - 'black-500': #00000080, - 'black-550': #0000008C, - 'black-600': #00000099, - 'black-650': #000000A6, - 'black-700': #000000B3, - 'black-750': #000000BF, - 'black-800': #000000CC, - 'black-850': #000000D9, - 'black-900': #000000E6, - 'black-950': #000000F2, - 'white-000': #FFFFFF, - 'white-050': #FFFFFF0D, - 'white-100': #FFFFFF1A, - 'white-150': #FFFFFF26, - 'white-200': #FFFFFF33, - 'white-250': #FFFFFF40, - 'white-300': #FFFFFF4D, - 'white-350': #FFFFFF59, - 'white-400': #FFFFFF66, - 'white-450': #FFFFFF73, - 'white-500': #FFFFFF80, - 'white-550': #FFFFFF8C, - 'white-600': #FFFFFF99, - 'white-650': #FFFFFFA6, - 'white-700': #FFFFFFB3, - 'white-750': #FFFFFFBF, - 'white-800': #FFFFFFCC, - 'white-850': #FFFFFFD9, - 'white-900': #FFFFFFE6, - 'white-950': #FFFFFFF2 + 'black-000': #1B1C1D00, + 'black-050': #1B1C1D0D, + 'black-100': #1B1C1D1A, + 'black-150': #1B1C1D26, + 'black-200': #1B1C1D33, + 'black-250': #1B1C1D40, + 'black-300': #1B1C1D4D, + 'black-350': #1B1C1D59, + 'black-400': #1B1C1D66, + 'black-450': #1B1C1D73, + 'black-500': #1B1C1D80, + 'black-550': #1B1C1D8C, + 'black-600': #1B1C1D99, + 'black-650': #1B1C1DA6, + 'black-700': #1B1C1DB2, + 'black-750': #1B1C1DBF, + 'black-800': #1B1C1DCC, + 'black-850': #1B1C1DD9, + 'black-900': #1B1C1DE5, + 'black-950': #101112F2, + 'white-000': #F7F8F800, + 'white-050': #F7F8F80D, + 'white-100': #F7F8F81A, + 'white-150': #F7F8F826, + 'white-200': #F7F8F833, + 'white-250': #F7F8F840, + 'white-300': #F7F8F84D, + 'white-350': #F7F8F859, + 'white-400': #F7F8F866, + 'white-450': #F7F8F873, + 'white-500': #F7F8F880, + 'white-550': #F7F8F88C, + 'white-600': #F7F8F899, + 'white-650': #F7F8F8A6, + 'white-700': #F7F8F8B2, + 'white-750': #F7F8F8BF, + 'white-800': #F7F8F8CC, + 'white-850': #F7F8F8D9, + 'white-900': #F7F8F8E5, + 'white-950': #F7F8F8F2, + 'white-975': #F7F8F8F9 ), 'transitions': ( 'ease-in': #{cubic-bezier(0.32, 0, 0.67, 0)}, @@ -3126,6 +2858,8 @@ $default: ( 't': 0.5rem, 'st': 0.25rem, '4xs': 0.125rem, + '3xs': 0.25rem, + '2xs': 0.375rem, 'xxxs': 0.25rem, 'xxs': 0.375rem, 'xs': 0.5rem, @@ -3136,13 +2870,15 @@ $default: ( 'xl': 2.5rem, 'xxl': 3rem, 'xxxl': 3.5rem, + '2xl': 3rem, + '3xl': 3.5rem, '4xl': 4rem, '5xl': 4.5rem, '6xl': 6rem, '7xl': 7.5rem ), 'breakpoints': ( - 'xs': 0, + 'xs': 0px, 'sm': 576px, 'md': 768px, 'lg': 992px, @@ -3158,6 +2894,14 @@ $default: ( 'tertiary': #F7F8F8 ), 'semantic': ( + 'overlay': ( + 'primary': #1B1C1D0D, + 'primary-hover': #1B1C1D1A + ), + 'contextual': ( + 'primary': #1B1C1D0D, + 'primary-hover': #1B1C1D1A + ), 'brand': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -3174,10 +2918,6 @@ $default: ( 'tertiary': #F0F1F2, 'tertiary-hover': #E1E2E5 ), - 'contextual': ( - 'primary': #0000000D, - 'primary-hover': #0000001A - ), 'info': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -3271,114 +3011,92 @@ $default: ( 'secondary': #999EA5, 'tertiary': #D2D4D8 ) - ), - 'text': ( - 'primary': #0000000D ) ), 'content': ( 'logo1': #377FDB, 'logo2': #377FDB, 'semantic': ( + 'contextual': ( + 'primary': #F7F8F8F2 + ), + 'overlay': ( + 'primary': #F7F8F8F2 + ), 'brand': ( 'primary': #20467F, 'secondary': #0659C5, - 'tertiary': #2976D8, + 'tertiary': #1167D4, 'on-brand': #EAF1FB ), 'neutral': ( 'primary': #252627, 'secondary': #5C5F63, - 'tertiary': #74777C, + 'tertiary': #686B6F, 'on-neutral': #F0F1F2 ), - 'contextual': ( - 'primary': #FFFFFFF2 - ), 'info': ( 'primary': #20467F, 'secondary': #0659C5, - 'tertiary': #2976D8, + 'tertiary': #1167D4, 'on-info': #EAF1FB ), 'success': ( 'primary': #344D24, 'secondary': #3A6A14, - 'tertiary': #4B851A, + 'tertiary': #427816, 'on-success': #E4F7D4 ), 'warning': ( 'primary': #524620, 'secondary': #745B03, - 'tertiary': #937303, + 'tertiary': #836703, 'on-warning': #FFF1BD ), 'error': ( 'primary': #802820, 'secondary': #C00101, - 'tertiary': #E13131, + 'tertiary': #D80000, 'on-error': #FCEDED ), 'disabled': ( 'primary': #A7ACB2, - 'secondary': #FFFFFF80 + 'secondary': #F7F8F880 ) ), 'palette': ( 'brand': ( - 'primary': #2976D8, - 'secondary': #6CA0E4, - 'tertiary': #C0D6F4 + 'primary': #2976D8 ), 'red': ( - 'primary': #D83F3D, - 'secondary': #EE7C7B, - 'tertiary': #F8C9C9 + 'primary': #D83F3D ), 'orange': ( - 'primary': #BE5B0F, - 'secondary': #F27E27, - 'tertiary': #FACBA8 + 'primary': #BE5B0F ), 'brown': ( - 'primary': #8F7065, - 'secondary': #AF9992, - 'tertiary': #DCD2CF + 'primary': #8F7065 ), 'yellow': ( - 'primary': #93730C, - 'secondary': #C39810, - 'tertiary': #F0D275 + 'primary': #93730C ), 'green': ( - 'primary': #368741, - 'secondary': #48B257, - 'tertiary': #A7E3AF + 'primary': #368741 ), 'blue-1': ( - 'primary': #3D71E4, - 'secondary': #6F9BFD, - 'tertiary': #C2D5FE + 'primary': #3D71E4 ), 'blue-2': ( - 'primary': #2C8199, - 'secondary': #3BAACA, - 'tertiary': #A7DDED + 'primary': #2C8199 ), 'purple': ( - 'primary': #9B4BF3, - 'secondary': #BD83FD, - 'tertiary': #E3CBFE + 'primary': #9B4BF3 ), 'pink': ( - 'primary': #CD4089, - 'secondary': #EA77B3, - 'tertiary': #F7C7E0 + 'primary': #CD4089 ), 'gray': ( - 'primary': #74777C, - 'secondary': #999EA5, - 'tertiary': #D2D4D8 + 'primary': #74777C ) ) ), @@ -3387,14 +3105,17 @@ $default: ( 'primary': #E1E2E5 ), 'semantic': ( + 'contextual': ( + 'primary': #F7F8F833 + ), + 'overlay': ( + 'primary': #F7F8F833 + ), 'brand': ( 'primary': #1167D4, 'secondary': #80AEE8, 'tertiary': #C0D6F4 ), - 'contextual': ( - 'primary': #FFFFFF33 - ), 'neutral': ( 'primary': #686B6F, 'secondary': #A7ACB2, @@ -3423,63 +3144,6 @@ $default: ( 'disabled': ( 'primary': #E1E2E5 ) - ), - 'palette': ( - 'brand': ( - 'primary': #2976D8, - 'secondary': #6CA0E4, - 'tertiary': #C0D6F4 - ), - 'red': ( - 'primary': #D83F3D, - 'secondary': #EE7C7B, - 'tertiary': #F8C9C9 - ), - 'orange': ( - 'primary': #BE5B0F, - 'secondary': #F27E27, - 'tertiary': #FACBA8 - ), - 'brown': ( - 'primary': #8F7065, - 'secondary': #AF9992, - 'tertiary': #DCD2CF - ), - 'yellow': ( - 'primary': #93730C, - 'secondary': #C39810, - 'tertiary': #F0D275 - ), - 'green': ( - 'primary': #368741, - 'secondary': #48B257, - 'tertiary': #A7E3AF - ), - 'blue-1': ( - 'primary': #3D71E4, - 'secondary': #6F9BFD, - 'tertiary': #C2D5FE - ), - 'blue-2': ( - 'primary': #2C8199, - 'secondary': #3BAACA, - 'tertiary': #A7DDED - ), - 'purple': ( - 'primary': #9B4BF3, - 'secondary': #BD83FD, - 'tertiary': #E3CBFE - ), - 'pink': ( - 'primary': #CD4089, - 'secondary': #EA77B3, - 'tertiary': #F7C7E0 - ), - 'gray': ( - 'primary': #74777C, - 'secondary': #999EA5, - 'tertiary': #D2D4D8 - ) ) ) ), @@ -3488,10 +3152,10 @@ $default: ( $dark: ( 'globals': ( 'colors': ( - 'logo-1': #377FDB, - 'logo-2': #377FDB, - 'logo-1-dark': #95ABFF, - 'logo-2-dark': #95ABFF, + 'logo-1-light': #377FDB, + 'logo-2-light': #377FDB, + 'logo-1-dark': #C1D6F2, + 'logo-2-dark': #C1D6F2, 'brand-050': #EAF1FB, 'brand-100': #D5E4F7, 'brand-150': #C0D6F4, @@ -3780,46 +3444,47 @@ $dark: ( 'pink-850': #332028, 'pink-900': #24181D, 'pink-950': #160F12, - 'black-000': #00000000, - 'black-050': #0000000D, - 'black-100': #0000001A, - 'black-150': #00000026, - 'black-200': #00000033, - 'black-250': #00000040, - 'black-300': #0000004D, - 'black-350': #00000059, - 'black-400': #00000066, - 'black-450': #00000073, - 'black-500': #00000080, - 'black-550': #0000008C, - 'black-600': #00000099, - 'black-650': #000000A6, - 'black-700': #000000B3, - 'black-750': #000000BF, - 'black-800': #000000CC, - 'black-850': #000000D9, - 'black-900': #000000E6, - 'black-950': #000000F2, - 'white-000': #FFFFFF, - 'white-050': #FFFFFF0D, - 'white-100': #FFFFFF1A, - 'white-150': #FFFFFF26, - 'white-200': #FFFFFF33, - 'white-250': #FFFFFF40, - 'white-300': #FFFFFF4D, - 'white-350': #FFFFFF59, - 'white-400': #FFFFFF66, - 'white-450': #FFFFFF73, - 'white-500': #FFFFFF80, - 'white-550': #FFFFFF8C, - 'white-600': #FFFFFF99, - 'white-650': #FFFFFFA6, - 'white-700': #FFFFFFB3, - 'white-750': #FFFFFFBF, - 'white-800': #FFFFFFCC, - 'white-850': #FFFFFFD9, - 'white-900': #FFFFFFE6, - 'white-950': #FFFFFFF2 + 'black-000': #1B1C1D00, + 'black-050': #1B1C1D0D, + 'black-100': #1B1C1D1A, + 'black-150': #1B1C1D26, + 'black-200': #1B1C1D33, + 'black-250': #1B1C1D40, + 'black-300': #1B1C1D4D, + 'black-350': #1B1C1D59, + 'black-400': #1B1C1D66, + 'black-450': #1B1C1D73, + 'black-500': #1B1C1D80, + 'black-550': #1B1C1D8C, + 'black-600': #1B1C1D99, + 'black-650': #1B1C1DA6, + 'black-700': #1B1C1DB2, + 'black-750': #1B1C1DBF, + 'black-800': #1B1C1DCC, + 'black-850': #1B1C1DD9, + 'black-900': #1B1C1DE5, + 'black-950': #101112F2, + 'white-000': #F7F8F800, + 'white-050': #F7F8F80D, + 'white-100': #F7F8F81A, + 'white-150': #F7F8F826, + 'white-200': #F7F8F833, + 'white-250': #F7F8F840, + 'white-300': #F7F8F84D, + 'white-350': #F7F8F859, + 'white-400': #F7F8F866, + 'white-450': #F7F8F873, + 'white-500': #F7F8F880, + 'white-550': #F7F8F88C, + 'white-600': #F7F8F899, + 'white-650': #F7F8F8A6, + 'white-700': #F7F8F8B2, + 'white-750': #F7F8F8BF, + 'white-800': #F7F8F8CC, + 'white-850': #F7F8F8D9, + 'white-900': #F7F8F8E5, + 'white-950': #F7F8F8F2, + 'white-975': #F7F8F8F9 ), 'transitions': ( 'ease-in': #{cubic-bezier(0.32, 0, 0.67, 0)}, @@ -3871,6 +3536,8 @@ $dark: ( 't': 0.5rem, 'st': 0.25rem, '4xs': 0.125rem, + '3xs': 0.25rem, + '2xs': 0.375rem, 'xxxs': 0.25rem, 'xxs': 0.375rem, 'xs': 0.5rem, @@ -3881,13 +3548,15 @@ $dark: ( 'xl': 2.5rem, 'xxl': 3rem, 'xxxl': 3.5rem, + '2xl': 3rem, + '3xl': 3.5rem, '4xl': 4rem, '5xl': 4.5rem, '6xl': 6rem, '7xl': 7.5rem ), 'breakpoints': ( - 'xs': 0, + 'xs': 0px, 'sm': 576px, 'md': 768px, 'lg': 992px, @@ -3903,6 +3572,14 @@ $dark: ( 'tertiary': #1B1C1D ), 'semantic': ( + 'contextual': ( + 'primary': #F7F8F80D, + 'primary-hover': #F7F8F81A + ), + 'overlay': ( + 'primary': #F7F8F80D, + 'primary-hover': #F7F8F81A + ), 'brand': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -3919,10 +3596,6 @@ $dark: ( 'tertiary': #3A3B3E, 'tertiary-hover': #2F3033 ), - 'contextual': ( - 'primary': #FFFFFF0D, - 'primary-hover': #FFFFFF1A - ), 'info': ( 'primary': #1167D4, 'primary-hover': #1A509F, @@ -4019,9 +3692,15 @@ $dark: ( ) ), 'content': ( - 'logo1': #95ABFF, - 'logo2': #95ABFF, + 'logo1': #C1D6F2, + 'logo2': #C1D6F2, 'semantic': ( + 'contextual': ( + 'primary': #1B1C1DD9 + ), + 'overlay': ( + 'primary': #1B1C1DD9 + ), 'brand': ( 'primary': #EAF1FB, 'secondary': #D5E4F7, @@ -4034,9 +3713,6 @@ $dark: ( 'tertiary': #B5B9BE, 'on-neutral': #F0F1F2 ), - 'contextual': ( - 'primary': #000000D9 - ), 'info': ( 'primary': #EAF1FB, 'secondary': #D5E4F7, @@ -4063,64 +3739,42 @@ $dark: ( ), 'disabled': ( 'primary': #5C5F63, - 'secondary': #0000004D + 'secondary': #1B1C1D4D ) ), 'palette': ( 'brand': ( - 'primary': #6CA0E4, - 'secondary': #4085DC, - 'tertiary': #1167D4 + 'primary': #2976D8 ), 'red': ( - 'primary': #EE7C7B, - 'secondary': #E74E4D, - 'tertiary': #C23837 + 'primary': #D83F3D ), 'orange': ( - 'primary': #F27E27, - 'secondary': #D26411, - 'tertiary': #AA510E + 'primary': #BE5B0F ), 'brown': ( - 'primary': #AF9992, - 'secondary': #997E74, - 'tertiary': #846357 + 'primary': #8F7065 ), 'yellow': ( - 'primary': #C39810, - 'secondary': #A37F0D, - 'tertiary': #84670B + 'primary': #93730C ), 'green': ( - 'primary': #48B257, - 'secondary': #3B9548, - 'tertiary': #30793A + 'primary': #368741 ), 'blue-1': ( - 'primary': #6F9BFD, - 'secondary': #437DFC, - 'tertiary': #3665CC + 'primary': #3D71E4 ), 'blue-2': ( - 'primary': #3BAACA, - 'secondary': #318EA9, - 'tertiary': #277389 + 'primary': #2C8199 ), 'purple': ( - 'primary': #BD83FD, - 'secondary': #A85BFD, - 'tertiary': #8B43DA + 'primary': #9B4BF3 ), 'pink': ( - 'primary': #EA77B3, - 'secondary': #E24797, - 'tertiary': #B8397B + 'primary': #CD4089 ), 'gray': ( - 'primary': #999EA5, - 'secondary': #80848A, - 'tertiary': #686B6F + 'primary': #74777C ) ) ), @@ -4129,14 +3783,17 @@ $dark: ( 'primary': #3A3B3E ), 'semantic': ( + 'contextual': ( + 'primary': #1B1C1D33 + ), + 'overlay': ( + 'primary': #1B1C1D33 + ), 'brand': ( 'primary': #4085DC, 'secondary': #0659C5, 'tertiary': #20467F ), - 'contextual': ( - 'primary': #00000033 - ), 'neutral': ( 'primary': #80848A, 'secondary': #5C5F63, @@ -4165,64 +3822,8 @@ $dark: ( 'disabled': ( 'primary': #2F3033 ) - ), - 'palette': ( - 'brand': ( - 'primary': #6CA0E4, - 'secondary': #4085DC, - 'tertiary': #1167D4 - ), - 'red': ( - 'primary': #EE7C7B, - 'secondary': #E74E4D, - 'tertiary': #C23837 - ), - 'orange': ( - 'primary': #F27E27, - 'secondary': #D26411, - 'tertiary': #AA510E - ), - 'brown': ( - 'primary': #AF9992, - 'secondary': #997E74, - 'tertiary': #846357 - ), - 'yellow': ( - 'primary': #C39810, - 'secondary': #A37F0D, - 'tertiary': #84670B - ), - 'green': ( - 'primary': #48B257, - 'secondary': #3B9548, - 'tertiary': #30793A - ), - 'blue-1': ( - 'primary': #6F9BFD, - 'secondary': #437DFC, - 'tertiary': #3665CC - ), - 'blue-2': ( - 'primary': #3BAACA, - 'secondary': #318EA9, - 'tertiary': #277389 - ), - 'purple': ( - 'primary': #BD83FD, - 'secondary': #A85BFD, - 'tertiary': #8B43DA - ), - 'pink': ( - 'primary': #EA77B3, - 'secondary': #E24797, - 'tertiary': #B8397B - ), - 'gray': ( - 'primary': #999EA5, - 'secondary': #80848A, - 'tertiary': #686B6F - ) ) ) - ) + ), + 'components': () ) !default; diff --git a/apps/demo/src/cunningham-tokens.css b/apps/demo/src/cunningham-tokens.css index e1e5586..36ba905 100644 --- a/apps/demo/src/cunningham-tokens.css +++ b/apps/demo/src/cunningham-tokens.css @@ -1,8 +1,8 @@ :root { - --c--globals--colors--logo-1: #377FDB; - --c--globals--colors--logo-2: #377FDB; - --c--globals--colors--logo-1-dark: #95ABFF; - --c--globals--colors--logo-2-dark: #95ABFF; + --c--globals--colors--logo-1-light: #377FDB; + --c--globals--colors--logo-2-light: #377FDB; + --c--globals--colors--logo-1-dark: #C1D6F2; + --c--globals--colors--logo-2-dark: #C1D6F2; --c--globals--colors--brand-050: #EAF1FB; --c--globals--colors--brand-100: #D5E4F7; --c--globals--colors--brand-150: #C0D6F4; @@ -291,46 +291,47 @@ --c--globals--colors--pink-850: #332028; --c--globals--colors--pink-900: #24181D; --c--globals--colors--pink-950: #160F12; - --c--globals--colors--black-000: #00000000; - --c--globals--colors--black-050: #0000000D; - --c--globals--colors--black-100: #0000001A; - --c--globals--colors--black-150: #00000026; - --c--globals--colors--black-200: #00000033; - --c--globals--colors--black-250: #00000040; - --c--globals--colors--black-300: #0000004D; - --c--globals--colors--black-350: #00000059; - --c--globals--colors--black-400: #00000066; - --c--globals--colors--black-450: #00000073; - --c--globals--colors--black-500: #00000080; - --c--globals--colors--black-550: #0000008C; - --c--globals--colors--black-600: #00000099; - --c--globals--colors--black-650: #000000A6; - --c--globals--colors--black-700: #000000B3; - --c--globals--colors--black-750: #000000BF; - --c--globals--colors--black-800: #000000CC; - --c--globals--colors--black-850: #000000D9; - --c--globals--colors--black-900: #000000E6; - --c--globals--colors--black-950: #000000F2; - --c--globals--colors--white-000: #FFFFFF; - --c--globals--colors--white-050: #FFFFFF0D; - --c--globals--colors--white-100: #FFFFFF1A; - --c--globals--colors--white-150: #FFFFFF26; - --c--globals--colors--white-200: #FFFFFF33; - --c--globals--colors--white-250: #FFFFFF40; - --c--globals--colors--white-300: #FFFFFF4D; - --c--globals--colors--white-350: #FFFFFF59; - --c--globals--colors--white-400: #FFFFFF66; - --c--globals--colors--white-450: #FFFFFF73; - --c--globals--colors--white-500: #FFFFFF80; - --c--globals--colors--white-550: #FFFFFF8C; - --c--globals--colors--white-600: #FFFFFF99; - --c--globals--colors--white-650: #FFFFFFA6; - --c--globals--colors--white-700: #FFFFFFB3; - --c--globals--colors--white-750: #FFFFFFBF; - --c--globals--colors--white-800: #FFFFFFCC; - --c--globals--colors--white-850: #FFFFFFD9; - --c--globals--colors--white-900: #FFFFFFE6; - --c--globals--colors--white-950: #FFFFFFF2; + --c--globals--colors--black-000: #1B1C1D00; + --c--globals--colors--black-050: #1B1C1D0D; + --c--globals--colors--black-100: #1B1C1D1A; + --c--globals--colors--black-150: #1B1C1D26; + --c--globals--colors--black-200: #1B1C1D33; + --c--globals--colors--black-250: #1B1C1D40; + --c--globals--colors--black-300: #1B1C1D4D; + --c--globals--colors--black-350: #1B1C1D59; + --c--globals--colors--black-400: #1B1C1D66; + --c--globals--colors--black-450: #1B1C1D73; + --c--globals--colors--black-500: #1B1C1D80; + --c--globals--colors--black-550: #1B1C1D8C; + --c--globals--colors--black-600: #1B1C1D99; + --c--globals--colors--black-650: #1B1C1DA6; + --c--globals--colors--black-700: #1B1C1DB2; + --c--globals--colors--black-750: #1B1C1DBF; + --c--globals--colors--black-800: #1B1C1DCC; + --c--globals--colors--black-850: #1B1C1DD9; + --c--globals--colors--black-900: #1B1C1DE5; + --c--globals--colors--black-950: #101112F2; + --c--globals--colors--white-000: #F7F8F800; + --c--globals--colors--white-050: #F7F8F80D; + --c--globals--colors--white-100: #F7F8F81A; + --c--globals--colors--white-150: #F7F8F826; + --c--globals--colors--white-200: #F7F8F833; + --c--globals--colors--white-250: #F7F8F840; + --c--globals--colors--white-300: #F7F8F84D; + --c--globals--colors--white-350: #F7F8F859; + --c--globals--colors--white-400: #F7F8F866; + --c--globals--colors--white-450: #F7F8F873; + --c--globals--colors--white-500: #F7F8F880; + --c--globals--colors--white-550: #F7F8F88C; + --c--globals--colors--white-600: #F7F8F899; + --c--globals--colors--white-650: #F7F8F8A6; + --c--globals--colors--white-700: #F7F8F8B2; + --c--globals--colors--white-750: #F7F8F8BF; + --c--globals--colors--white-800: #F7F8F8CC; + --c--globals--colors--white-850: #F7F8F8D9; + --c--globals--colors--white-900: #F7F8F8E5; + --c--globals--colors--white-950: #F7F8F8F2; + --c--globals--colors--white-975: #F7F8F8F9; --c--globals--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0); --c--globals--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); @@ -370,6 +371,8 @@ --c--globals--spacings--t: 0.5rem; --c--globals--spacings--st: 0.25rem; --c--globals--spacings--4xs: 0.125rem; + --c--globals--spacings--3xs: 0.25rem; + --c--globals--spacings--2xs: 0.375rem; --c--globals--spacings--xxxs: 0.25rem; --c--globals--spacings--xxs: 0.375rem; --c--globals--spacings--xs: 0.5rem; @@ -380,11 +383,13 @@ --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--xxxl: 3.5rem; + --c--globals--spacings--2xl: 3rem; + --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; - --c--globals--breakpoints--xs: 0; + --c--globals--breakpoints--xs: 0px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; --c--globals--breakpoints--lg: 992px; @@ -393,6 +398,10 @@ --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-000); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-025); + --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--black-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--black-100); + --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050); + --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-100); @@ -405,8 +414,6 @@ --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-150); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-050); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-100); - --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--black-050); - --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--black-100); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-100); @@ -466,74 +473,53 @@ --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-150); - --c--contextuals--background--text--primary: var(--c--globals--colors--black-050); - --c--contextuals--content--logo1: var(--c--globals--colors--logo-1); - --c--contextuals--content--logo2: var(--c--globals--colors--logo-2); + --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-light); + --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-light); + --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-700); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-600); - --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-500); + --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-550); --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-850); --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-600); - --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-500); + --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); - --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-700); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-600); - --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-500); + --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-550); --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-700); --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-600); - --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-500); + --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-550); --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-700); --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-600); - --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-500); + --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-550); --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-700); --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-600); - --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-500); + --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-550); --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-300); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--white-500); --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); - --c--contextuals--content--palette--brand--secondary: var(--c--globals--colors--brand-350); - --c--contextuals--content--palette--brand--tertiary: var(--c--globals--colors--brand-150); --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); - --c--contextuals--content--palette--red--secondary: var(--c--globals--colors--red-350); - --c--contextuals--content--palette--red--tertiary: var(--c--globals--colors--red-150); --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); - --c--contextuals--content--palette--orange--secondary: var(--c--globals--colors--orange-350); - --c--contextuals--content--palette--orange--tertiary: var(--c--globals--colors--orange-150); --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); - --c--contextuals--content--palette--brown--secondary: var(--c--globals--colors--brown-350); - --c--contextuals--content--palette--brown--tertiary: var(--c--globals--colors--brown-150); --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); - --c--contextuals--content--palette--yellow--secondary: var(--c--globals--colors--yellow-350); - --c--contextuals--content--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); - --c--contextuals--content--palette--green--secondary: var(--c--globals--colors--green-350); - --c--contextuals--content--palette--green--tertiary: var(--c--globals--colors--green-150); --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); - --c--contextuals--content--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); - --c--contextuals--content--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); - --c--contextuals--content--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); - --c--contextuals--content--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); - --c--contextuals--content--palette--purple--secondary: var(--c--globals--colors--purple-350); - --c--contextuals--content--palette--purple--tertiary: var(--c--globals--colors--purple-150); --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); - --c--contextuals--content--palette--pink--secondary: var(--c--globals--colors--pink-350); - --c--contextuals--content--palette--pink--tertiary: var(--c--globals--colors--pink-150); --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); - --c--contextuals--content--palette--gray--secondary: var(--c--globals--colors--gray-350); - --c--contextuals--content--palette--gray--tertiary: var(--c--globals--colors--gray-150); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-100); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-300); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-150); - --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--white-200); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-550); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-300); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-150); @@ -550,45 +536,12 @@ --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-300); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-150); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-100); - --c--contextuals--border--palette--brand--primary: var(--c--globals--colors--brand-500); - --c--contextuals--border--palette--brand--secondary: var(--c--globals--colors--brand-350); - --c--contextuals--border--palette--brand--tertiary: var(--c--globals--colors--brand-150); - --c--contextuals--border--palette--red--primary: var(--c--globals--colors--red-500); - --c--contextuals--border--palette--red--secondary: var(--c--globals--colors--red-350); - --c--contextuals--border--palette--red--tertiary: var(--c--globals--colors--red-150); - --c--contextuals--border--palette--orange--primary: var(--c--globals--colors--orange-500); - --c--contextuals--border--palette--orange--secondary: var(--c--globals--colors--orange-350); - --c--contextuals--border--palette--orange--tertiary: var(--c--globals--colors--orange-150); - --c--contextuals--border--palette--brown--primary: var(--c--globals--colors--brown-500); - --c--contextuals--border--palette--brown--secondary: var(--c--globals--colors--brown-350); - --c--contextuals--border--palette--brown--tertiary: var(--c--globals--colors--brown-150); - --c--contextuals--border--palette--yellow--primary: var(--c--globals--colors--yellow-500); - --c--contextuals--border--palette--yellow--secondary: var(--c--globals--colors--yellow-350); - --c--contextuals--border--palette--yellow--tertiary: var(--c--globals--colors--yellow-150); - --c--contextuals--border--palette--green--primary: var(--c--globals--colors--green-500); - --c--contextuals--border--palette--green--secondary: var(--c--globals--colors--green-350); - --c--contextuals--border--palette--green--tertiary: var(--c--globals--colors--green-150); - --c--contextuals--border--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); - --c--contextuals--border--palette--blue-1--secondary: var(--c--globals--colors--blue-1-350); - --c--contextuals--border--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-150); - --c--contextuals--border--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); - --c--contextuals--border--palette--blue-2--secondary: var(--c--globals--colors--blue-2-350); - --c--contextuals--border--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-150); - --c--contextuals--border--palette--purple--primary: var(--c--globals--colors--purple-500); - --c--contextuals--border--palette--purple--secondary: var(--c--globals--colors--purple-350); - --c--contextuals--border--palette--purple--tertiary: var(--c--globals--colors--purple-150); - --c--contextuals--border--palette--pink--primary: var(--c--globals--colors--pink-500); - --c--contextuals--border--palette--pink--secondary: var(--c--globals--colors--pink-350); - --c--contextuals--border--palette--pink--tertiary: var(--c--globals--colors--pink-150); - --c--contextuals--border--palette--gray--primary: var(--c--globals--colors--gray-500); - --c--contextuals--border--palette--gray--secondary: var(--c--globals--colors--gray-350); - --c--contextuals--border--palette--gray--tertiary: var(--c--globals--colors--gray-150); } .cunningham-theme--dark{ - --c--globals--colors--logo-1: #377FDB; - --c--globals--colors--logo-2: #377FDB; - --c--globals--colors--logo-1-dark: #95ABFF; - --c--globals--colors--logo-2-dark: #95ABFF; + --c--globals--colors--logo-1-light: #377FDB; + --c--globals--colors--logo-2-light: #377FDB; + --c--globals--colors--logo-1-dark: #C1D6F2; + --c--globals--colors--logo-2-dark: #C1D6F2; --c--globals--colors--brand-050: #EAF1FB; --c--globals--colors--brand-100: #D5E4F7; --c--globals--colors--brand-150: #C0D6F4; @@ -877,46 +830,47 @@ --c--globals--colors--pink-850: #332028; --c--globals--colors--pink-900: #24181D; --c--globals--colors--pink-950: #160F12; - --c--globals--colors--black-000: #00000000; - --c--globals--colors--black-050: #0000000D; - --c--globals--colors--black-100: #0000001A; - --c--globals--colors--black-150: #00000026; - --c--globals--colors--black-200: #00000033; - --c--globals--colors--black-250: #00000040; - --c--globals--colors--black-300: #0000004D; - --c--globals--colors--black-350: #00000059; - --c--globals--colors--black-400: #00000066; - --c--globals--colors--black-450: #00000073; - --c--globals--colors--black-500: #00000080; - --c--globals--colors--black-550: #0000008C; - --c--globals--colors--black-600: #00000099; - --c--globals--colors--black-650: #000000A6; - --c--globals--colors--black-700: #000000B3; - --c--globals--colors--black-750: #000000BF; - --c--globals--colors--black-800: #000000CC; - --c--globals--colors--black-850: #000000D9; - --c--globals--colors--black-900: #000000E6; - --c--globals--colors--black-950: #000000F2; - --c--globals--colors--white-000: #FFFFFF; - --c--globals--colors--white-050: #FFFFFF0D; - --c--globals--colors--white-100: #FFFFFF1A; - --c--globals--colors--white-150: #FFFFFF26; - --c--globals--colors--white-200: #FFFFFF33; - --c--globals--colors--white-250: #FFFFFF40; - --c--globals--colors--white-300: #FFFFFF4D; - --c--globals--colors--white-350: #FFFFFF59; - --c--globals--colors--white-400: #FFFFFF66; - --c--globals--colors--white-450: #FFFFFF73; - --c--globals--colors--white-500: #FFFFFF80; - --c--globals--colors--white-550: #FFFFFF8C; - --c--globals--colors--white-600: #FFFFFF99; - --c--globals--colors--white-650: #FFFFFFA6; - --c--globals--colors--white-700: #FFFFFFB3; - --c--globals--colors--white-750: #FFFFFFBF; - --c--globals--colors--white-800: #FFFFFFCC; - --c--globals--colors--white-850: #FFFFFFD9; - --c--globals--colors--white-900: #FFFFFFE6; - --c--globals--colors--white-950: #FFFFFFF2; + --c--globals--colors--black-000: #1B1C1D00; + --c--globals--colors--black-050: #1B1C1D0D; + --c--globals--colors--black-100: #1B1C1D1A; + --c--globals--colors--black-150: #1B1C1D26; + --c--globals--colors--black-200: #1B1C1D33; + --c--globals--colors--black-250: #1B1C1D40; + --c--globals--colors--black-300: #1B1C1D4D; + --c--globals--colors--black-350: #1B1C1D59; + --c--globals--colors--black-400: #1B1C1D66; + --c--globals--colors--black-450: #1B1C1D73; + --c--globals--colors--black-500: #1B1C1D80; + --c--globals--colors--black-550: #1B1C1D8C; + --c--globals--colors--black-600: #1B1C1D99; + --c--globals--colors--black-650: #1B1C1DA6; + --c--globals--colors--black-700: #1B1C1DB2; + --c--globals--colors--black-750: #1B1C1DBF; + --c--globals--colors--black-800: #1B1C1DCC; + --c--globals--colors--black-850: #1B1C1DD9; + --c--globals--colors--black-900: #1B1C1DE5; + --c--globals--colors--black-950: #101112F2; + --c--globals--colors--white-000: #F7F8F800; + --c--globals--colors--white-050: #F7F8F80D; + --c--globals--colors--white-100: #F7F8F81A; + --c--globals--colors--white-150: #F7F8F826; + --c--globals--colors--white-200: #F7F8F833; + --c--globals--colors--white-250: #F7F8F840; + --c--globals--colors--white-300: #F7F8F84D; + --c--globals--colors--white-350: #F7F8F859; + --c--globals--colors--white-400: #F7F8F866; + --c--globals--colors--white-450: #F7F8F873; + --c--globals--colors--white-500: #F7F8F880; + --c--globals--colors--white-550: #F7F8F88C; + --c--globals--colors--white-600: #F7F8F899; + --c--globals--colors--white-650: #F7F8F8A6; + --c--globals--colors--white-700: #F7F8F8B2; + --c--globals--colors--white-750: #F7F8F8BF; + --c--globals--colors--white-800: #F7F8F8CC; + --c--globals--colors--white-850: #F7F8F8D9; + --c--globals--colors--white-900: #F7F8F8E5; + --c--globals--colors--white-950: #F7F8F8F2; + --c--globals--colors--white-975: #F7F8F8F9; --c--globals--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0); --c--globals--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); @@ -956,6 +910,8 @@ --c--globals--spacings--t: 0.5rem; --c--globals--spacings--st: 0.25rem; --c--globals--spacings--4xs: 0.125rem; + --c--globals--spacings--3xs: 0.25rem; + --c--globals--spacings--2xs: 0.375rem; --c--globals--spacings--xxxs: 0.25rem; --c--globals--spacings--xxs: 0.375rem; --c--globals--spacings--xs: 0.5rem; @@ -966,11 +922,13 @@ --c--globals--spacings--xl: 2.5rem; --c--globals--spacings--xxl: 3rem; --c--globals--spacings--xxxl: 3.5rem; + --c--globals--spacings--2xl: 3rem; + --c--globals--spacings--3xl: 3.5rem; --c--globals--spacings--4xl: 4rem; --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; - --c--globals--breakpoints--xs: 0; + --c--globals--breakpoints--xs: 0px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; --c--globals--breakpoints--lg: 992px; @@ -979,6 +937,10 @@ --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-800); --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850); --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900); + --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); + --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700); @@ -991,8 +953,6 @@ --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750); --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-800); - --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); - --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700); @@ -1054,6 +1014,8 @@ --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550); --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark); --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark); + --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050); --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100); --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250); @@ -1062,7 +1024,6 @@ --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100); --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250); --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); - --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050); --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100); --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250); @@ -1081,44 +1042,23 @@ --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600); --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300); - --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-350); - --c--contextuals--content--palette--brand--secondary: var(--c--globals--colors--brand-450); - --c--contextuals--content--palette--brand--tertiary: var(--c--globals--colors--brand-550); - --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-350); - --c--contextuals--content--palette--red--secondary: var(--c--globals--colors--red-450); - --c--contextuals--content--palette--red--tertiary: var(--c--globals--colors--red-550); - --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-350); - --c--contextuals--content--palette--orange--secondary: var(--c--globals--colors--orange-450); - --c--contextuals--content--palette--orange--tertiary: var(--c--globals--colors--orange-550); - --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-350); - --c--contextuals--content--palette--brown--secondary: var(--c--globals--colors--brown-450); - --c--contextuals--content--palette--brown--tertiary: var(--c--globals--colors--brown-550); - --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-350); - --c--contextuals--content--palette--yellow--secondary: var(--c--globals--colors--yellow-450); - --c--contextuals--content--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); - --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-350); - --c--contextuals--content--palette--green--secondary: var(--c--globals--colors--green-450); - --c--contextuals--content--palette--green--tertiary: var(--c--globals--colors--green-550); - --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); - --c--contextuals--content--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); - --c--contextuals--content--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); - --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); - --c--contextuals--content--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); - --c--contextuals--content--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); - --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-350); - --c--contextuals--content--palette--purple--secondary: var(--c--globals--colors--purple-450); - --c--contextuals--content--palette--purple--tertiary: var(--c--globals--colors--purple-550); - --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-350); - --c--contextuals--content--palette--pink--secondary: var(--c--globals--colors--pink-450); - --c--contextuals--content--palette--pink--tertiary: var(--c--globals--colors--pink-550); - --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-350); - --c--contextuals--content--palette--gray--secondary: var(--c--globals--colors--gray-450); - --c--contextuals--content--palette--gray--tertiary: var(--c--globals--colors--gray-550); + --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); + --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450); --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600); --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700); - --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450); --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600); --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700); @@ -1135,43 +1075,10 @@ --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600); --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700); --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800); - --c--contextuals--border--palette--brand--primary: var(--c--globals--colors--brand-350); - --c--contextuals--border--palette--brand--secondary: var(--c--globals--colors--brand-450); - --c--contextuals--border--palette--brand--tertiary: var(--c--globals--colors--brand-550); - --c--contextuals--border--palette--red--primary: var(--c--globals--colors--red-350); - --c--contextuals--border--palette--red--secondary: var(--c--globals--colors--red-450); - --c--contextuals--border--palette--red--tertiary: var(--c--globals--colors--red-550); - --c--contextuals--border--palette--orange--primary: var(--c--globals--colors--orange-350); - --c--contextuals--border--palette--orange--secondary: var(--c--globals--colors--orange-450); - --c--contextuals--border--palette--orange--tertiary: var(--c--globals--colors--orange-550); - --c--contextuals--border--palette--brown--primary: var(--c--globals--colors--brown-350); - --c--contextuals--border--palette--brown--secondary: var(--c--globals--colors--brown-450); - --c--contextuals--border--palette--brown--tertiary: var(--c--globals--colors--brown-550); - --c--contextuals--border--palette--yellow--primary: var(--c--globals--colors--yellow-350); - --c--contextuals--border--palette--yellow--secondary: var(--c--globals--colors--yellow-450); - --c--contextuals--border--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); - --c--contextuals--border--palette--green--primary: var(--c--globals--colors--green-350); - --c--contextuals--border--palette--green--secondary: var(--c--globals--colors--green-450); - --c--contextuals--border--palette--green--tertiary: var(--c--globals--colors--green-550); - --c--contextuals--border--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); - --c--contextuals--border--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); - --c--contextuals--border--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); - --c--contextuals--border--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); - --c--contextuals--border--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); - --c--contextuals--border--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); - --c--contextuals--border--palette--purple--primary: var(--c--globals--colors--purple-350); - --c--contextuals--border--palette--purple--secondary: var(--c--globals--colors--purple-450); - --c--contextuals--border--palette--purple--tertiary: var(--c--globals--colors--purple-550); - --c--contextuals--border--palette--pink--primary: var(--c--globals--colors--pink-350); - --c--contextuals--border--palette--pink--secondary: var(--c--globals--colors--pink-450); - --c--contextuals--border--palette--pink--tertiary: var(--c--globals--colors--pink-550); - --c--contextuals--border--palette--gray--primary: var(--c--globals--colors--gray-350); - --c--contextuals--border--palette--gray--secondary: var(--c--globals--colors--gray-450); - --c--contextuals--border--palette--gray--tertiary: var(--c--globals--colors--gray-550); --c--components--card--border-width: none; --c--components--card--box-shadow: rgba(0, 8, 16, 0.3) 0px 16px 24px; } -.cunningham-theme--redflux{ +.cunningham-theme--redflux-dark{ --c--globals--colors--brand-050: #FBEEED; --c--globals--colors--brand-100: #F7DCDB; --c--globals--colors--brand-150: #F4CBC9; @@ -1460,200 +1367,149 @@ --c--globals--colors--pink-850: #332028; --c--globals--colors--pink-900: #24181D; --c--globals--colors--pink-950: #160F12; - --c--contextuals--background--surface--primary: #2F3033; - --c--contextuals--background--surface--secondary: #252627; - --c--contextuals--background--surface--tertiary: #1B1C1D; - --c--contextuals--background--semantic--brand--primary: #1167D4; - --c--contextuals--background--semantic--brand--primary-hover: #1A509F; - --c--contextuals--background--semantic--brand--secondary: #20467F; - --c--contextuals--background--semantic--brand--secondary-hover: #203C63; - --c--contextuals--background--semantic--brand--tertiary: #203C63; - --c--contextuals--background--semantic--brand--tertiary-hover: #1D314C; - --c--contextuals--background--semantic--neutral--primary: #686B6F; - --c--contextuals--background--semantic--neutral--primary-hover: #505356; - --c--contextuals--background--semantic--neutral--secondary: #45474A; - --c--contextuals--background--semantic--neutral--secondary-hover: #3A3B3E; - --c--contextuals--background--semantic--neutral--tertiary: #3A3B3E; - --c--contextuals--background--semantic--neutral--tertiary-hover: #2F3033; - --c--contextuals--background--semantic--contextual--primary: #FFFFFF0D; - --c--contextuals--background--semantic--contextual--primary-hover: #FFFFFF1A; - --c--contextuals--background--semantic--info--primary: #1167D4; - --c--contextuals--background--semantic--info--primary-hover: #1A509F; - --c--contextuals--background--semantic--info--secondary: #20467F; - --c--contextuals--background--semantic--info--secondary-hover: #203C63; - --c--contextuals--background--semantic--info--tertiary: #203C63; - --c--contextuals--background--semantic--info--tertiary-hover: #1D314C; - --c--contextuals--background--semantic--success--primary: #427816; - --c--contextuals--background--semantic--success--primary-hover: #385C1F; - --c--contextuals--background--semantic--success--secondary: #344D24; - --c--contextuals--background--semantic--success--secondary-hover: #2E4022; - --c--contextuals--background--semantic--success--tertiary: #2E4022; - --c--contextuals--background--semantic--success--tertiary-hover: #27341F; - --c--contextuals--background--semantic--warning--primary: #836703; - --c--contextuals--background--semantic--warning--primary-hover: #625019; - --c--contextuals--background--semantic--warning--secondary: #524620; - --c--contextuals--background--semantic--warning--secondary-hover: #443B20; - --c--contextuals--background--semantic--warning--tertiary: #443B20; - --c--contextuals--background--semantic--warning--tertiary-hover: #36301D; - --c--contextuals--background--semantic--error--primary: #D80000; - --c--contextuals--background--semantic--error--primary-hover: #9E2219; - --c--contextuals--background--semantic--error--secondary: #802820; - --c--contextuals--background--semantic--error--secondary-hover: #662820; - --c--contextuals--background--semantic--error--tertiary: #662820; - --c--contextuals--background--semantic--error--tertiary-hover: #4F231E; - --c--contextuals--background--semantic--disabled--primary: #3A3B3E; - --c--contextuals--background--semantic--disabled--secondary: #2F3033; - --c--contextuals--background--palette--brand--primary: #6CA0E4; - --c--contextuals--background--palette--brand--secondary: #4085DC; - --c--contextuals--background--palette--brand--tertiary: #1167D4; - --c--contextuals--background--palette--red--primary: #EE7C7B; - --c--contextuals--background--palette--red--secondary: #E74E4D; - --c--contextuals--background--palette--red--tertiary: #C23837; - --c--contextuals--background--palette--orange--primary: #F27E27; - --c--contextuals--background--palette--orange--secondary: #D26411; - --c--contextuals--background--palette--orange--tertiary: #AA510E; - --c--contextuals--background--palette--brown--primary: #AF9992; - --c--contextuals--background--palette--brown--secondary: #997E74; - --c--contextuals--background--palette--brown--tertiary: #846357; - --c--contextuals--background--palette--yellow--primary: #C39810; - --c--contextuals--background--palette--yellow--secondary: #A37F0D; - --c--contextuals--background--palette--yellow--tertiary: #84670B; - --c--contextuals--background--palette--green--primary: #48B257; - --c--contextuals--background--palette--green--secondary: #3B9548; - --c--contextuals--background--palette--green--tertiary: #30793A; - --c--contextuals--background--palette--blue-1--primary: #6F9BFD; - --c--contextuals--background--palette--blue-1--secondary: #437DFC; - --c--contextuals--background--palette--blue-1--tertiary: #3665CC; - --c--contextuals--background--palette--blue-2--primary: #3BAACA; - --c--contextuals--background--palette--blue-2--secondary: #318EA9; - --c--contextuals--background--palette--blue-2--tertiary: #277389; - --c--contextuals--background--palette--purple--primary: #BD83FD; - --c--contextuals--background--palette--purple--secondary: #A85BFD; - --c--contextuals--background--palette--purple--tertiary: #8B43DA; - --c--contextuals--background--palette--pink--primary: #EA77B3; - --c--contextuals--background--palette--pink--secondary: #E24797; - --c--contextuals--background--palette--pink--tertiary: #B8397B; - --c--contextuals--background--palette--gray--primary: #999EA5; - --c--contextuals--background--palette--gray--secondary: #80848A; - --c--contextuals--background--palette--gray--tertiary: #686B6F; - --c--contextuals--content--logo1: #95ABFF; - --c--contextuals--content--logo2: #95ABFF; - --c--contextuals--content--semantic--brand--primary: #EAF1FB; - --c--contextuals--content--semantic--brand--secondary: #D5E4F7; - --c--contextuals--content--semantic--brand--tertiary: #96BCEC; - --c--contextuals--content--semantic--brand--on-brand: #EAF1FB; - --c--contextuals--content--semantic--neutral--primary: #F0F1F2; - --c--contextuals--content--semantic--neutral--secondary: #E1E2E5; - --c--contextuals--content--semantic--neutral--tertiary: #B5B9BE; - --c--contextuals--content--semantic--neutral--on-neutral: #F0F1F2; - --c--contextuals--content--semantic--contextual--primary: #000000D9; - --c--contextuals--content--semantic--info--primary: #EAF1FB; - --c--contextuals--content--semantic--info--secondary: #D5E4F7; - --c--contextuals--content--semantic--info--tertiary: #96BCEC; - --c--contextuals--content--semantic--info--on-info: #EAF1FB; - --c--contextuals--content--semantic--success--primary: #E4F7D4; - --c--contextuals--content--semantic--success--secondary: #C8EEA8; - --c--contextuals--content--semantic--success--tertiary: #72CF27; - --c--contextuals--content--semantic--success--on-success: #E4F7D4; - --c--contextuals--content--semantic--warning--primary: #FFF1BD; - --c--contextuals--content--semantic--warning--secondary: #FFE176; - --c--contextuals--content--semantic--warning--tertiary: #E3B205; - --c--contextuals--content--semantic--warning--on-warning: #FFF1BD; - --c--contextuals--content--semantic--error--primary: #FCEDED; - --c--contextuals--content--semantic--error--secondary: #FADBDB; - --c--contextuals--content--semantic--error--tertiary: #F2A4A4; - --c--contextuals--content--semantic--error--on-error: #FCEDED; - --c--contextuals--content--semantic--disabled--primary: #5C5F63; - --c--contextuals--content--semantic--disabled--secondary: #0000004D; - --c--contextuals--content--palette--brand--primary: #6CA0E4; - --c--contextuals--content--palette--brand--secondary: #4085DC; - --c--contextuals--content--palette--brand--tertiary: #1167D4; - --c--contextuals--content--palette--red--primary: #EE7C7B; - --c--contextuals--content--palette--red--secondary: #E74E4D; - --c--contextuals--content--palette--red--tertiary: #C23837; - --c--contextuals--content--palette--orange--primary: #F27E27; - --c--contextuals--content--palette--orange--secondary: #D26411; - --c--contextuals--content--palette--orange--tertiary: #AA510E; - --c--contextuals--content--palette--brown--primary: #AF9992; - --c--contextuals--content--palette--brown--secondary: #997E74; - --c--contextuals--content--palette--brown--tertiary: #846357; - --c--contextuals--content--palette--yellow--primary: #C39810; - --c--contextuals--content--palette--yellow--secondary: #A37F0D; - --c--contextuals--content--palette--yellow--tertiary: #84670B; - --c--contextuals--content--palette--green--primary: #48B257; - --c--contextuals--content--palette--green--secondary: #3B9548; - --c--contextuals--content--palette--green--tertiary: #30793A; - --c--contextuals--content--palette--blue-1--primary: #6F9BFD; - --c--contextuals--content--palette--blue-1--secondary: #437DFC; - --c--contextuals--content--palette--blue-1--tertiary: #3665CC; - --c--contextuals--content--palette--blue-2--primary: #3BAACA; - --c--contextuals--content--palette--blue-2--secondary: #318EA9; - --c--contextuals--content--palette--blue-2--tertiary: #277389; - --c--contextuals--content--palette--purple--primary: #BD83FD; - --c--contextuals--content--palette--purple--secondary: #A85BFD; - --c--contextuals--content--palette--purple--tertiary: #8B43DA; - --c--contextuals--content--palette--pink--primary: #EA77B3; - --c--contextuals--content--palette--pink--secondary: #E24797; - --c--contextuals--content--palette--pink--tertiary: #B8397B; - --c--contextuals--content--palette--gray--primary: #999EA5; - --c--contextuals--content--palette--gray--secondary: #80848A; - --c--contextuals--content--palette--gray--tertiary: #686B6F; - --c--contextuals--border--surface--primary: #3A3B3E; - --c--contextuals--border--semantic--brand--primary: #4085DC; - --c--contextuals--border--semantic--brand--secondary: #0659C5; - --c--contextuals--border--semantic--brand--tertiary: #20467F; - --c--contextuals--border--semantic--contextual--primary: #00000033; - --c--contextuals--border--semantic--neutral--primary: #80848A; - --c--contextuals--border--semantic--neutral--secondary: #5C5F63; - --c--contextuals--border--semantic--neutral--tertiary: #45474A; - --c--contextuals--border--semantic--info--primary: #4085DC; - --c--contextuals--border--semantic--info--secondary: #0659C5; - --c--contextuals--border--semantic--info--tertiary: #20467F; - --c--contextuals--border--semantic--success--primary: #51941C; - --c--contextuals--border--semantic--success--secondary: #3A6A14; - --c--contextuals--border--semantic--success--tertiary: #344D24; - --c--contextuals--border--semantic--warning--primary: #A27F03; - --c--contextuals--border--semantic--warning--secondary: #745B03; - --c--contextuals--border--semantic--warning--tertiary: #524620; - --c--contextuals--border--semantic--error--primary: #E55050; - --c--contextuals--border--semantic--error--secondary: #C00101; - --c--contextuals--border--semantic--error--tertiary: #802820; - --c--contextuals--border--semantic--disabled--primary: #2F3033; - --c--contextuals--border--palette--brand--primary: #6CA0E4; - --c--contextuals--border--palette--brand--secondary: #4085DC; - --c--contextuals--border--palette--brand--tertiary: #1167D4; - --c--contextuals--border--palette--red--primary: #EE7C7B; - --c--contextuals--border--palette--red--secondary: #E74E4D; - --c--contextuals--border--palette--red--tertiary: #C23837; - --c--contextuals--border--palette--orange--primary: #F27E27; - --c--contextuals--border--palette--orange--secondary: #D26411; - --c--contextuals--border--palette--orange--tertiary: #AA510E; - --c--contextuals--border--palette--brown--primary: #AF9992; - --c--contextuals--border--palette--brown--secondary: #997E74; - --c--contextuals--border--palette--brown--tertiary: #846357; - --c--contextuals--border--palette--yellow--primary: #C39810; - --c--contextuals--border--palette--yellow--secondary: #A37F0D; - --c--contextuals--border--palette--yellow--tertiary: #84670B; - --c--contextuals--border--palette--green--primary: #48B257; - --c--contextuals--border--palette--green--secondary: #3B9548; - --c--contextuals--border--palette--green--tertiary: #30793A; - --c--contextuals--border--palette--blue-1--primary: #6F9BFD; - --c--contextuals--border--palette--blue-1--secondary: #437DFC; - --c--contextuals--border--palette--blue-1--tertiary: #3665CC; - --c--contextuals--border--palette--blue-2--primary: #3BAACA; - --c--contextuals--border--palette--blue-2--secondary: #318EA9; - --c--contextuals--border--palette--blue-2--tertiary: #277389; - --c--contextuals--border--palette--purple--primary: #BD83FD; - --c--contextuals--border--palette--purple--secondary: #A85BFD; - --c--contextuals--border--palette--purple--tertiary: #8B43DA; - --c--contextuals--border--palette--pink--primary: #EA77B3; - --c--contextuals--border--palette--pink--secondary: #E24797; - --c--contextuals--border--palette--pink--tertiary: #B8397B; - --c--contextuals--border--palette--gray--primary: #999EA5; - --c--contextuals--border--palette--gray--secondary: #80848A; - --c--contextuals--border--palette--gray--tertiary: #686B6F; + --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-800); + --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850); + --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900); + --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); + --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); + --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); + --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); + --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700); + --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-750); + --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-750); + --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-800); + --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); + --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); + --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-700); + --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-750); + --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750); + --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-800); + --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); + --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); + --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700); + --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-750); + --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-750); + --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-800); + --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); + --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); + --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-700); + --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-750); + --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-750); + --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-800); + --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); + --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); + --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-700); + --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-750); + --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-750); + --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-800); + --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); + --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); + --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-700); + --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-750); + --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-750); + --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-800); + --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-750); + --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-800); + --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-350); + --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-450); + --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-550); + --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-350); + --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-450); + --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-550); + --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-350); + --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-450); + --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-550); + --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-350); + --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-450); + --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-550); + --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-350); + --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-450); + --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); + --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-350); + --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-450); + --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-550); + --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); + --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); + --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); + --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); + --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); + --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); + --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-350); + --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-450); + --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-550); + --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-350); + --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-450); + --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-550); + --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-350); + --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-450); + --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550); + --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark); + --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark); + --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); + --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050); + --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100); + --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250); + --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); + --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-050); + --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100); + --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250); + --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); + --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050); + --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100); + --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250); + --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); + --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-050); + --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-100); + --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-250); + --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); + --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-050); + --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-100); + --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-250); + --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); + --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-050); + --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-100); + --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-250); + --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); + --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600); + --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300); + --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); + --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); + --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); + --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450); + --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600); + --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700); + --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450); + --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600); + --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700); + --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-450); + --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-600); + --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-700); + --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-450); + --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-600); + --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-700); + --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-450); + --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-600); + --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-700); + --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-450); + --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600); + --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700); + --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800); } -.cunningham-theme--blueney{ +.cunningham-theme--blueney-dark{ --c--globals--colors--brand-050: #EBF1FA; --c--globals--colors--brand-100: #D7E4F5; --c--globals--colors--brand-150: #C3D6F0; @@ -1942,196 +1798,145 @@ --c--globals--colors--pink-850: #332028; --c--globals--colors--pink-900: #24181D; --c--globals--colors--pink-950: #160F12; - --c--contextuals--background--surface--primary: #2F3033; - --c--contextuals--background--surface--secondary: #252627; - --c--contextuals--background--surface--tertiary: #1B1C1D; - --c--contextuals--background--semantic--brand--primary: #1167D4; - --c--contextuals--background--semantic--brand--primary-hover: #1A509F; - --c--contextuals--background--semantic--brand--secondary: #20467F; - --c--contextuals--background--semantic--brand--secondary-hover: #203C63; - --c--contextuals--background--semantic--brand--tertiary: #203C63; - --c--contextuals--background--semantic--brand--tertiary-hover: #1D314C; - --c--contextuals--background--semantic--neutral--primary: #686B6F; - --c--contextuals--background--semantic--neutral--primary-hover: #505356; - --c--contextuals--background--semantic--neutral--secondary: #45474A; - --c--contextuals--background--semantic--neutral--secondary-hover: #3A3B3E; - --c--contextuals--background--semantic--neutral--tertiary: #3A3B3E; - --c--contextuals--background--semantic--neutral--tertiary-hover: #2F3033; - --c--contextuals--background--semantic--contextual--primary: #FFFFFF0D; - --c--contextuals--background--semantic--contextual--primary-hover: #FFFFFF1A; - --c--contextuals--background--semantic--info--primary: #1167D4; - --c--contextuals--background--semantic--info--primary-hover: #1A509F; - --c--contextuals--background--semantic--info--secondary: #20467F; - --c--contextuals--background--semantic--info--secondary-hover: #203C63; - --c--contextuals--background--semantic--info--tertiary: #203C63; - --c--contextuals--background--semantic--info--tertiary-hover: #1D314C; - --c--contextuals--background--semantic--success--primary: #427816; - --c--contextuals--background--semantic--success--primary-hover: #385C1F; - --c--contextuals--background--semantic--success--secondary: #344D24; - --c--contextuals--background--semantic--success--secondary-hover: #2E4022; - --c--contextuals--background--semantic--success--tertiary: #2E4022; - --c--contextuals--background--semantic--success--tertiary-hover: #27341F; - --c--contextuals--background--semantic--warning--primary: #836703; - --c--contextuals--background--semantic--warning--primary-hover: #625019; - --c--contextuals--background--semantic--warning--secondary: #524620; - --c--contextuals--background--semantic--warning--secondary-hover: #443B20; - --c--contextuals--background--semantic--warning--tertiary: #443B20; - --c--contextuals--background--semantic--warning--tertiary-hover: #36301D; - --c--contextuals--background--semantic--error--primary: #D80000; - --c--contextuals--background--semantic--error--primary-hover: #9E2219; - --c--contextuals--background--semantic--error--secondary: #802820; - --c--contextuals--background--semantic--error--secondary-hover: #662820; - --c--contextuals--background--semantic--error--tertiary: #662820; - --c--contextuals--background--semantic--error--tertiary-hover: #4F231E; - --c--contextuals--background--semantic--disabled--primary: #3A3B3E; - --c--contextuals--background--semantic--disabled--secondary: #2F3033; - --c--contextuals--background--palette--brand--primary: #6CA0E4; - --c--contextuals--background--palette--brand--secondary: #4085DC; - --c--contextuals--background--palette--brand--tertiary: #1167D4; - --c--contextuals--background--palette--red--primary: #EE7C7B; - --c--contextuals--background--palette--red--secondary: #E74E4D; - --c--contextuals--background--palette--red--tertiary: #C23837; - --c--contextuals--background--palette--orange--primary: #F27E27; - --c--contextuals--background--palette--orange--secondary: #D26411; - --c--contextuals--background--palette--orange--tertiary: #AA510E; - --c--contextuals--background--palette--brown--primary: #AF9992; - --c--contextuals--background--palette--brown--secondary: #997E74; - --c--contextuals--background--palette--brown--tertiary: #846357; - --c--contextuals--background--palette--yellow--primary: #C39810; - --c--contextuals--background--palette--yellow--secondary: #A37F0D; - --c--contextuals--background--palette--yellow--tertiary: #84670B; - --c--contextuals--background--palette--green--primary: #48B257; - --c--contextuals--background--palette--green--secondary: #3B9548; - --c--contextuals--background--palette--green--tertiary: #30793A; - --c--contextuals--background--palette--blue-1--primary: #6F9BFD; - --c--contextuals--background--palette--blue-1--secondary: #437DFC; - --c--contextuals--background--palette--blue-1--tertiary: #3665CC; - --c--contextuals--background--palette--blue-2--primary: #3BAACA; - --c--contextuals--background--palette--blue-2--secondary: #318EA9; - --c--contextuals--background--palette--blue-2--tertiary: #277389; - --c--contextuals--background--palette--purple--primary: #BD83FD; - --c--contextuals--background--palette--purple--secondary: #A85BFD; - --c--contextuals--background--palette--purple--tertiary: #8B43DA; - --c--contextuals--background--palette--pink--primary: #EA77B3; - --c--contextuals--background--palette--pink--secondary: #E24797; - --c--contextuals--background--palette--pink--tertiary: #B8397B; - --c--contextuals--background--palette--gray--primary: #999EA5; - --c--contextuals--background--palette--gray--secondary: #80848A; - --c--contextuals--background--palette--gray--tertiary: #686B6F; - --c--contextuals--content--logo1: #95ABFF; - --c--contextuals--content--logo2: #95ABFF; - --c--contextuals--content--semantic--brand--primary: #EAF1FB; - --c--contextuals--content--semantic--brand--secondary: #D5E4F7; - --c--contextuals--content--semantic--brand--tertiary: #96BCEC; - --c--contextuals--content--semantic--brand--on-brand: #EAF1FB; - --c--contextuals--content--semantic--neutral--primary: #F0F1F2; - --c--contextuals--content--semantic--neutral--secondary: #E1E2E5; - --c--contextuals--content--semantic--neutral--tertiary: #B5B9BE; - --c--contextuals--content--semantic--neutral--on-neutral: #F0F1F2; - --c--contextuals--content--semantic--contextual--primary: #000000D9; - --c--contextuals--content--semantic--info--primary: #EAF1FB; - --c--contextuals--content--semantic--info--secondary: #D5E4F7; - --c--contextuals--content--semantic--info--tertiary: #96BCEC; - --c--contextuals--content--semantic--info--on-info: #EAF1FB; - --c--contextuals--content--semantic--success--primary: #E4F7D4; - --c--contextuals--content--semantic--success--secondary: #C8EEA8; - --c--contextuals--content--semantic--success--tertiary: #72CF27; - --c--contextuals--content--semantic--success--on-success: #E4F7D4; - --c--contextuals--content--semantic--warning--primary: #FFF1BD; - --c--contextuals--content--semantic--warning--secondary: #FFE176; - --c--contextuals--content--semantic--warning--tertiary: #E3B205; - --c--contextuals--content--semantic--warning--on-warning: #FFF1BD; - --c--contextuals--content--semantic--error--primary: #FCEDED; - --c--contextuals--content--semantic--error--secondary: #FADBDB; - --c--contextuals--content--semantic--error--tertiary: #F2A4A4; - --c--contextuals--content--semantic--error--on-error: #FCEDED; - --c--contextuals--content--semantic--disabled--primary: #5C5F63; - --c--contextuals--content--semantic--disabled--secondary: #0000004D; - --c--contextuals--content--palette--brand--primary: #6CA0E4; - --c--contextuals--content--palette--brand--secondary: #4085DC; - --c--contextuals--content--palette--brand--tertiary: #1167D4; - --c--contextuals--content--palette--red--primary: #EE7C7B; - --c--contextuals--content--palette--red--secondary: #E74E4D; - --c--contextuals--content--palette--red--tertiary: #C23837; - --c--contextuals--content--palette--orange--primary: #F27E27; - --c--contextuals--content--palette--orange--secondary: #D26411; - --c--contextuals--content--palette--orange--tertiary: #AA510E; - --c--contextuals--content--palette--brown--primary: #AF9992; - --c--contextuals--content--palette--brown--secondary: #997E74; - --c--contextuals--content--palette--brown--tertiary: #846357; - --c--contextuals--content--palette--yellow--primary: #C39810; - --c--contextuals--content--palette--yellow--secondary: #A37F0D; - --c--contextuals--content--palette--yellow--tertiary: #84670B; - --c--contextuals--content--palette--green--primary: #48B257; - --c--contextuals--content--palette--green--secondary: #3B9548; - --c--contextuals--content--palette--green--tertiary: #30793A; - --c--contextuals--content--palette--blue-1--primary: #6F9BFD; - --c--contextuals--content--palette--blue-1--secondary: #437DFC; - --c--contextuals--content--palette--blue-1--tertiary: #3665CC; - --c--contextuals--content--palette--blue-2--primary: #3BAACA; - --c--contextuals--content--palette--blue-2--secondary: #318EA9; - --c--contextuals--content--palette--blue-2--tertiary: #277389; - --c--contextuals--content--palette--purple--primary: #BD83FD; - --c--contextuals--content--palette--purple--secondary: #A85BFD; - --c--contextuals--content--palette--purple--tertiary: #8B43DA; - --c--contextuals--content--palette--pink--primary: #EA77B3; - --c--contextuals--content--palette--pink--secondary: #E24797; - --c--contextuals--content--palette--pink--tertiary: #B8397B; - --c--contextuals--content--palette--gray--primary: #999EA5; - --c--contextuals--content--palette--gray--secondary: #80848A; - --c--contextuals--content--palette--gray--tertiary: #686B6F; - --c--contextuals--border--surface--primary: #3A3B3E; - --c--contextuals--border--semantic--brand--primary: #4085DC; - --c--contextuals--border--semantic--brand--secondary: #0659C5; - --c--contextuals--border--semantic--brand--tertiary: #20467F; - --c--contextuals--border--semantic--contextual--primary: #00000033; - --c--contextuals--border--semantic--neutral--primary: #80848A; - --c--contextuals--border--semantic--neutral--secondary: #5C5F63; - --c--contextuals--border--semantic--neutral--tertiary: #45474A; - --c--contextuals--border--semantic--info--primary: #4085DC; - --c--contextuals--border--semantic--info--secondary: #0659C5; - --c--contextuals--border--semantic--info--tertiary: #20467F; - --c--contextuals--border--semantic--success--primary: #51941C; - --c--contextuals--border--semantic--success--secondary: #3A6A14; - --c--contextuals--border--semantic--success--tertiary: #344D24; - --c--contextuals--border--semantic--warning--primary: #A27F03; - --c--contextuals--border--semantic--warning--secondary: #745B03; - --c--contextuals--border--semantic--warning--tertiary: #524620; - --c--contextuals--border--semantic--error--primary: #E55050; - --c--contextuals--border--semantic--error--secondary: #C00101; - --c--contextuals--border--semantic--error--tertiary: #802820; - --c--contextuals--border--semantic--disabled--primary: #2F3033; - --c--contextuals--border--palette--brand--primary: #6CA0E4; - --c--contextuals--border--palette--brand--secondary: #4085DC; - --c--contextuals--border--palette--brand--tertiary: #1167D4; - --c--contextuals--border--palette--red--primary: #EE7C7B; - --c--contextuals--border--palette--red--secondary: #E74E4D; - --c--contextuals--border--palette--red--tertiary: #C23837; - --c--contextuals--border--palette--orange--primary: #F27E27; - --c--contextuals--border--palette--orange--secondary: #D26411; - --c--contextuals--border--palette--orange--tertiary: #AA510E; - --c--contextuals--border--palette--brown--primary: #AF9992; - --c--contextuals--border--palette--brown--secondary: #997E74; - --c--contextuals--border--palette--brown--tertiary: #846357; - --c--contextuals--border--palette--yellow--primary: #C39810; - --c--contextuals--border--palette--yellow--secondary: #A37F0D; - --c--contextuals--border--palette--yellow--tertiary: #84670B; - --c--contextuals--border--palette--green--primary: #48B257; - --c--contextuals--border--palette--green--secondary: #3B9548; - --c--contextuals--border--palette--green--tertiary: #30793A; - --c--contextuals--border--palette--blue-1--primary: #6F9BFD; - --c--contextuals--border--palette--blue-1--secondary: #437DFC; - --c--contextuals--border--palette--blue-1--tertiary: #3665CC; - --c--contextuals--border--palette--blue-2--primary: #3BAACA; - --c--contextuals--border--palette--blue-2--secondary: #318EA9; - --c--contextuals--border--palette--blue-2--tertiary: #277389; - --c--contextuals--border--palette--purple--primary: #BD83FD; - --c--contextuals--border--palette--purple--secondary: #A85BFD; - --c--contextuals--border--palette--purple--tertiary: #8B43DA; - --c--contextuals--border--palette--pink--primary: #EA77B3; - --c--contextuals--border--palette--pink--secondary: #E24797; - --c--contextuals--border--palette--pink--tertiary: #B8397B; - --c--contextuals--border--palette--gray--primary: #999EA5; - --c--contextuals--border--palette--gray--secondary: #80848A; - --c--contextuals--border--palette--gray--tertiary: #686B6F; + --c--contextuals--background--surface--primary: var(--c--globals--colors--gray-800); + --c--contextuals--background--surface--secondary: var(--c--globals--colors--gray-850); + --c--contextuals--background--surface--tertiary: var(--c--globals--colors--gray-900); + --c--contextuals--background--semantic--contextual--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--contextual--primary-hover: var(--c--globals--colors--white-100); + --c--contextuals--background--semantic--overlay--primary: var(--c--globals--colors--white-050); + --c--contextuals--background--semantic--overlay--primary-hover: var(--c--globals--colors--white-100); + --c--contextuals--background--semantic--brand--primary: var(--c--globals--colors--brand-550); + --c--contextuals--background--semantic--brand--primary-hover: var(--c--globals--colors--brand-650); + --c--contextuals--background--semantic--brand--secondary: var(--c--globals--colors--brand-700); + --c--contextuals--background--semantic--brand--secondary-hover: var(--c--globals--colors--brand-750); + --c--contextuals--background--semantic--brand--tertiary: var(--c--globals--colors--brand-750); + --c--contextuals--background--semantic--brand--tertiary-hover: var(--c--globals--colors--brand-800); + --c--contextuals--background--semantic--neutral--primary: var(--c--globals--colors--gray-550); + --c--contextuals--background--semantic--neutral--primary-hover: var(--c--globals--colors--gray-650); + --c--contextuals--background--semantic--neutral--secondary: var(--c--globals--colors--gray-700); + --c--contextuals--background--semantic--neutral--secondary-hover: var(--c--globals--colors--gray-750); + --c--contextuals--background--semantic--neutral--tertiary: var(--c--globals--colors--gray-750); + --c--contextuals--background--semantic--neutral--tertiary-hover: var(--c--globals--colors--gray-800); + --c--contextuals--background--semantic--info--primary: var(--c--globals--colors--info-550); + --c--contextuals--background--semantic--info--primary-hover: var(--c--globals--colors--info-650); + --c--contextuals--background--semantic--info--secondary: var(--c--globals--colors--info-700); + --c--contextuals--background--semantic--info--secondary-hover: var(--c--globals--colors--info-750); + --c--contextuals--background--semantic--info--tertiary: var(--c--globals--colors--info-750); + --c--contextuals--background--semantic--info--tertiary-hover: var(--c--globals--colors--info-800); + --c--contextuals--background--semantic--success--primary: var(--c--globals--colors--success-550); + --c--contextuals--background--semantic--success--primary-hover: var(--c--globals--colors--success-650); + --c--contextuals--background--semantic--success--secondary: var(--c--globals--colors--success-700); + --c--contextuals--background--semantic--success--secondary-hover: var(--c--globals--colors--success-750); + --c--contextuals--background--semantic--success--tertiary: var(--c--globals--colors--success-750); + --c--contextuals--background--semantic--success--tertiary-hover: var(--c--globals--colors--success-800); + --c--contextuals--background--semantic--warning--primary: var(--c--globals--colors--warning-550); + --c--contextuals--background--semantic--warning--primary-hover: var(--c--globals--colors--warning-650); + --c--contextuals--background--semantic--warning--secondary: var(--c--globals--colors--warning-700); + --c--contextuals--background--semantic--warning--secondary-hover: var(--c--globals--colors--warning-750); + --c--contextuals--background--semantic--warning--tertiary: var(--c--globals--colors--warning-750); + --c--contextuals--background--semantic--warning--tertiary-hover: var(--c--globals--colors--warning-800); + --c--contextuals--background--semantic--error--primary: var(--c--globals--colors--error-550); + --c--contextuals--background--semantic--error--primary-hover: var(--c--globals--colors--error-650); + --c--contextuals--background--semantic--error--secondary: var(--c--globals--colors--error-700); + --c--contextuals--background--semantic--error--secondary-hover: var(--c--globals--colors--error-750); + --c--contextuals--background--semantic--error--tertiary: var(--c--globals--colors--error-750); + --c--contextuals--background--semantic--error--tertiary-hover: var(--c--globals--colors--error-800); + --c--contextuals--background--semantic--disabled--primary: var(--c--globals--colors--gray-750); + --c--contextuals--background--semantic--disabled--secondary: var(--c--globals--colors--gray-800); + --c--contextuals--background--palette--brand--primary: var(--c--globals--colors--brand-350); + --c--contextuals--background--palette--brand--secondary: var(--c--globals--colors--brand-450); + --c--contextuals--background--palette--brand--tertiary: var(--c--globals--colors--brand-550); + --c--contextuals--background--palette--red--primary: var(--c--globals--colors--red-350); + --c--contextuals--background--palette--red--secondary: var(--c--globals--colors--red-450); + --c--contextuals--background--palette--red--tertiary: var(--c--globals--colors--red-550); + --c--contextuals--background--palette--orange--primary: var(--c--globals--colors--orange-350); + --c--contextuals--background--palette--orange--secondary: var(--c--globals--colors--orange-450); + --c--contextuals--background--palette--orange--tertiary: var(--c--globals--colors--orange-550); + --c--contextuals--background--palette--brown--primary: var(--c--globals--colors--brown-350); + --c--contextuals--background--palette--brown--secondary: var(--c--globals--colors--brown-450); + --c--contextuals--background--palette--brown--tertiary: var(--c--globals--colors--brown-550); + --c--contextuals--background--palette--yellow--primary: var(--c--globals--colors--yellow-350); + --c--contextuals--background--palette--yellow--secondary: var(--c--globals--colors--yellow-450); + --c--contextuals--background--palette--yellow--tertiary: var(--c--globals--colors--yellow-550); + --c--contextuals--background--palette--green--primary: var(--c--globals--colors--green-350); + --c--contextuals--background--palette--green--secondary: var(--c--globals--colors--green-450); + --c--contextuals--background--palette--green--tertiary: var(--c--globals--colors--green-550); + --c--contextuals--background--palette--blue-1--primary: var(--c--globals--colors--blue-1-350); + --c--contextuals--background--palette--blue-1--secondary: var(--c--globals--colors--blue-1-450); + --c--contextuals--background--palette--blue-1--tertiary: var(--c--globals--colors--blue-1-550); + --c--contextuals--background--palette--blue-2--primary: var(--c--globals--colors--blue-2-350); + --c--contextuals--background--palette--blue-2--secondary: var(--c--globals--colors--blue-2-450); + --c--contextuals--background--palette--blue-2--tertiary: var(--c--globals--colors--blue-2-550); + --c--contextuals--background--palette--purple--primary: var(--c--globals--colors--purple-350); + --c--contextuals--background--palette--purple--secondary: var(--c--globals--colors--purple-450); + --c--contextuals--background--palette--purple--tertiary: var(--c--globals--colors--purple-550); + --c--contextuals--background--palette--pink--primary: var(--c--globals--colors--pink-350); + --c--contextuals--background--palette--pink--secondary: var(--c--globals--colors--pink-450); + --c--contextuals--background--palette--pink--tertiary: var(--c--globals--colors--pink-550); + --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-350); + --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-450); + --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-550); + --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-dark); + --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-dark); + --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--black-850); + --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--black-850); + --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-050); + --c--contextuals--content--semantic--brand--secondary: var(--c--globals--colors--brand-100); + --c--contextuals--content--semantic--brand--tertiary: var(--c--globals--colors--brand-250); + --c--contextuals--content--semantic--brand--on-brand: var(--c--globals--colors--brand-050); + --c--contextuals--content--semantic--neutral--primary: var(--c--globals--colors--gray-050); + --c--contextuals--content--semantic--neutral--secondary: var(--c--globals--colors--gray-100); + --c--contextuals--content--semantic--neutral--tertiary: var(--c--globals--colors--gray-250); + --c--contextuals--content--semantic--neutral--on-neutral: var(--c--globals--colors--gray-050); + --c--contextuals--content--semantic--info--primary: var(--c--globals--colors--info-050); + --c--contextuals--content--semantic--info--secondary: var(--c--globals--colors--info-100); + --c--contextuals--content--semantic--info--tertiary: var(--c--globals--colors--info-250); + --c--contextuals--content--semantic--info--on-info: var(--c--globals--colors--info-050); + --c--contextuals--content--semantic--success--primary: var(--c--globals--colors--success-050); + --c--contextuals--content--semantic--success--secondary: var(--c--globals--colors--success-100); + --c--contextuals--content--semantic--success--tertiary: var(--c--globals--colors--success-250); + --c--contextuals--content--semantic--success--on-success: var(--c--globals--colors--success-050); + --c--contextuals--content--semantic--warning--primary: var(--c--globals--colors--warning-050); + --c--contextuals--content--semantic--warning--secondary: var(--c--globals--colors--warning-100); + --c--contextuals--content--semantic--warning--tertiary: var(--c--globals--colors--warning-250); + --c--contextuals--content--semantic--warning--on-warning: var(--c--globals--colors--warning-050); + --c--contextuals--content--semantic--error--primary: var(--c--globals--colors--error-050); + --c--contextuals--content--semantic--error--secondary: var(--c--globals--colors--error-100); + --c--contextuals--content--semantic--error--tertiary: var(--c--globals--colors--error-250); + --c--contextuals--content--semantic--error--on-error: var(--c--globals--colors--error-050); + --c--contextuals--content--semantic--disabled--primary: var(--c--globals--colors--gray-600); + --c--contextuals--content--semantic--disabled--secondary: var(--c--globals--colors--black-300); + --c--contextuals--content--palette--brand--primary: var(--c--globals--colors--brand-500); + --c--contextuals--content--palette--red--primary: var(--c--globals--colors--red-500); + --c--contextuals--content--palette--orange--primary: var(--c--globals--colors--orange-500); + --c--contextuals--content--palette--brown--primary: var(--c--globals--colors--brown-500); + --c--contextuals--content--palette--yellow--primary: var(--c--globals--colors--yellow-500); + --c--contextuals--content--palette--green--primary: var(--c--globals--colors--green-500); + --c--contextuals--content--palette--blue-1--primary: var(--c--globals--colors--blue-1-500); + --c--contextuals--content--palette--blue-2--primary: var(--c--globals--colors--blue-2-500); + --c--contextuals--content--palette--purple--primary: var(--c--globals--colors--purple-500); + --c--contextuals--content--palette--pink--primary: var(--c--globals--colors--pink-500); + --c--contextuals--content--palette--gray--primary: var(--c--globals--colors--gray-500); + --c--contextuals--border--surface--primary: var(--c--globals--colors--gray-750); + --c--contextuals--border--semantic--contextual--primary: var(--c--globals--colors--black-200); + --c--contextuals--border--semantic--overlay--primary: var(--c--globals--colors--black-200); + --c--contextuals--border--semantic--brand--primary: var(--c--globals--colors--brand-450); + --c--contextuals--border--semantic--brand--secondary: var(--c--globals--colors--brand-600); + --c--contextuals--border--semantic--brand--tertiary: var(--c--globals--colors--brand-700); + --c--contextuals--border--semantic--neutral--primary: var(--c--globals--colors--gray-450); + --c--contextuals--border--semantic--neutral--secondary: var(--c--globals--colors--gray-600); + --c--contextuals--border--semantic--neutral--tertiary: var(--c--globals--colors--gray-700); + --c--contextuals--border--semantic--info--primary: var(--c--globals--colors--info-450); + --c--contextuals--border--semantic--info--secondary: var(--c--globals--colors--info-600); + --c--contextuals--border--semantic--info--tertiary: var(--c--globals--colors--info-700); + --c--contextuals--border--semantic--success--primary: var(--c--globals--colors--success-450); + --c--contextuals--border--semantic--success--secondary: var(--c--globals--colors--success-600); + --c--contextuals--border--semantic--success--tertiary: var(--c--globals--colors--success-700); + --c--contextuals--border--semantic--warning--primary: var(--c--globals--colors--warning-450); + --c--contextuals--border--semantic--warning--secondary: var(--c--globals--colors--warning-600); + --c--contextuals--border--semantic--warning--tertiary: var(--c--globals--colors--warning-700); + --c--contextuals--border--semantic--error--primary: var(--c--globals--colors--error-450); + --c--contextuals--border--semantic--error--secondary: var(--c--globals--colors--error-600); + --c--contextuals--border--semantic--error--tertiary: var(--c--globals--colors--error-700); + --c--contextuals--border--semantic--disabled--primary: var(--c--globals--colors--gray-800); } diff --git a/apps/demo/src/cunningham-tokens.ts b/apps/demo/src/cunningham-tokens.ts index 7911f32..f7f5bf5 100644 --- a/apps/demo/src/cunningham-tokens.ts +++ b/apps/demo/src/cunningham-tokens.ts @@ -1 +1 @@ -export const tokens = {"themes":{"default":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F7F8F8"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#E1E2E5","secondary-hover":"#D2D4D8","tertiary":"#F0F1F2","tertiary-hover":"#E1E2E5"},"contextual":{"primary":"#0000000D","primary-hover":"#0000001A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#C8EEA8","secondary-hover":"#AAE579","tertiary":"#E4F7D4","tertiary-hover":"#C8EEA8"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#FFE176","secondary-hover":"#FFCF25","tertiary":"#FFF1BD","tertiary-hover":"#FFE176"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#FADBDB","secondary-hover":"#F7C9C9","tertiary":"#FCEDED","tertiary-hover":"#FADBDB"},"disabled":{"primary":"#E1E2E5","secondary":"#F0F1F2"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}},"text":{"primary":"#0000000D"}},"content":{"logo1":"#377FDB","logo2":"#377FDB","semantic":{"brand":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#2976D8","on-brand":"#EAF1FB"},"neutral":{"primary":"#252627","secondary":"#5C5F63","tertiary":"#74777C","on-neutral":"#F0F1F2"},"contextual":{"primary":"#FFFFFFF2"},"info":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#2976D8","on-info":"#EAF1FB"},"success":{"primary":"#344D24","secondary":"#3A6A14","tertiary":"#4B851A","on-success":"#E4F7D4"},"warning":{"primary":"#524620","secondary":"#745B03","tertiary":"#937303","on-warning":"#FFF1BD"},"error":{"primary":"#802820","secondary":"#C00101","tertiary":"#E13131","on-error":"#FCEDED"},"disabled":{"primary":"#A7ACB2","secondary":"#FFFFFF80"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}},"border":{"surface":{"primary":"#E1E2E5"},"semantic":{"brand":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"contextual":{"primary":"#FFFFFF33"},"neutral":{"primary":"#686B6F","secondary":"#A7ACB2","tertiary":"#D2D4D8"},"info":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"success":{"primary":"#427816","secondary":"#6AC024","tertiary":"#AAE579"},"warning":{"primary":"#836703","secondary":"#D3A504","tertiary":"#FFCF25"},"error":{"primary":"#D80000","secondary":"#EF9191","tertiary":"#F7C9C9"},"disabled":{"primary":"#E1E2E5"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}}},"components":{}},"dark":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#95ABFF","logo2":"#95ABFF","semantic":{"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"contextual":{"primary":"#000000D9"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"contextual":{"primary":"#00000033"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}}},"components":{"card":{"border-width":"none","box-shadow":"rgba(0, 8, 16, 0.3) 0px 16px 24px"}}},"redflux":{"globals":{"colors":{"brand-050":"#FBEEED","brand-100":"#F7DCDB","brand-150":"#F4CBC9","brand-200":"#F0B9B7","brand-250":"#ECA7A4","brand-300":"#E89591","brand-350":"#E4827E","brand-400":"#E06F69","brand-450":"#DB5953","brand-500":"#D6413A","brand-550":"#CA2D25","brand-600":"#B32821","brand-650":"#933028","brand-700":"#783029","brand-750":"#5F2D27","brand-800":"#492723","brand-850":"#37201D","brand-900":"#261816","brand-950":"#170F0E","gray-000":"#FFFFFF","gray-025":"#F8F8F8","gray-050":"#F1F1F1","gray-100":"#E2E2E2","gray-150":"#D4D4D4","gray-200":"#C6C6C6","gray-250":"#B9B9B9","gray-300":"#ABABAB","gray-350":"#9E9E9E","gray-400":"#919191","gray-450":"#848484","gray-500":"#777777","gray-550":"#6A6A6A","gray-600":"#5E5E5E","gray-650":"#525252","gray-700":"#474747","gray-750":"#3B3B3B","gray-800":"#303030","gray-850":"#262626","gray-900":"#1B1B1B","gray-950":"#111111","gray-1000":"#000000","info-050":"#ECF1FA","info-100":"#D8E3F6","info-150":"#C5D5F1","info-200":"#B2C8EC","info-250":"#9FBAE8","info-300":"#8CACE3","info-350":"#7A9FDE","info-400":"#6791DA","info-450":"#5483D5","info-500":"#4075D0","info-550":"#2C67CC","info-600":"#265BB6","info-650":"#2A5195","info-700":"#2A4677","info-750":"#283B5E","info-800":"#233148","info-850":"#1C2635","info-900":"#161C25","info-950":"#0E1116","success-050":"#D9F9DB","success-100":"#B1F2B5","success-150":"#83EB89","success-200":"#71DD78","success-250":"#69CE6F","success-300":"#61BF67","success-350":"#5AB05F","success-400":"#53A158","success-450":"#4B934F","success-500":"#448548","success-550":"#3D7740","success-600":"#366939","success-650":"#365B38","success-700":"#324D34","success-750":"#2D402E","success-800":"#273427","success-850":"#202820","success-900":"#181D18","success-950":"#0F110E","warning-050":"#F7F0E3","warning-100":"#EFE1C7","warning-150":"#E7D2AB","warning-200":"#DFC38F","warning-250":"#D7B473","warning-300":"#CFA557","warning-350":"#C49644","warning-400":"#B38A3F","warning-450":"#A37E39","warning-500":"#947134","warning-550":"#84662E","warning-600":"#755A29","warning-650":"#63502C","warning-700":"#53442D","warning-750":"#453A29","warning-800":"#362F24","warning-850":"#2A251D","warning-900":"#1E1B16","warning-950":"#12110E","error-050":"#FBEEED","error-100":"#F8DCDC","error-150":"#F4CACA","error-200":"#F1B9B8","error-250":"#EDA7A6","error-300":"#E99494","error-350":"#E58181","error-400":"#E16D6C","error-450":"#DD5857","error-500":"#D14746","error-550":"#BB403F","error-600":"#A63838","error-650":"#893937","error-700":"#703533","error-750":"#59302D","error-800":"#452927","error-850":"#332120","error-900":"#241919","error-950":"#150F0F","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue1-050":"#EBF1FF","blue1-100":"#D6E3FE","blue1-150":"#C2D5FE","blue1-200":"#ADC7FE","blue1-250":"#99B8FD","blue1-300":"#84AAFD","blue1-350":"#6F9BFD","blue1-400":"#5A8DFB","blue1-450":"#437DFC","blue1-500":"#3D71E4","blue1-550":"#3665CC","blue1-600":"#305AB5","blue1-650":"#315093","blue1-700":"#2E4675","blue1-750":"#293B5E","blue1-800":"#243048","blue1-850":"#1E2635","blue1-900":"#171C25","blue1-950":"#0E1116","blue2-050":"#E2F4F9","blue2-100":"#C5E9F3","blue2-150":"#A7DDED","blue2-200":"#88D1E6","blue2-250":"#68C5E0","blue2-300":"#48B8D9","blue2-350":"#3BAACA","blue2-400":"#359CB9","blue2-450":"#318EA9","blue2-500":"#2C8199","blue2-550":"#277389","blue2-600":"#236679","blue2-650":"#2A5866","blue2-700":"#2A4B55","blue2-750":"#283F47","blue2-800":"#233337","blue2-850":"#1D272A","blue2-900":"#161C1E","blue2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#95ABFF","logo2":"#95ABFF","semantic":{"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"contextual":{"primary":"#000000D9"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"contextual":{"primary":"#00000033"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}}}},"blueney":{"globals":{"colors":{"brand-050":"#EBF1FA","brand-100":"#D7E4F5","brand-150":"#C3D6F0","brand-200":"#B0C8EB","brand-250":"#9CBBE6","brand-300":"#89ADE1","brand-350":"#75A0DC","brand-400":"#6192D7","brand-450":"#4D85D2","brand-500":"#3977CD","brand-550":"#2C6ABF","brand-600":"#275EA9","brand-650":"#2B538A","brand-700":"#2B4770","brand-750":"#283C59","brand-800":"#233145","brand-850":"#1D2633","brand-900":"#171C24","brand-950":"#0E1115","gray-000":"#FFFFFF","gray-025":"#F8F8FA","gray-050":"#F0F0F5","gray-100":"#E1E2EA","gray-150":"#D2D4E0","gray-200":"#C4C5D6","gray-250":"#B5B7CC","gray-300":"#A7AAC2","gray-350":"#999CB6","gray-400":"#8D8FA7","gray-450":"#808298","gray-500":"#747689","gray-550":"#68697B","gray-600":"#5C5D6D","gray-650":"#50525F","gray-700":"#454652","gray-750":"#3A3B45","gray-800":"#2F3038","gray-850":"#25252C","gray-900":"#1B1B20","gray-950":"#101113","gray-1000":"#000000","info-050":"#EDF1F9","info-100":"#DAE3F3","info-150":"#C8D5EE","info-200":"#B7C7E8","info-250":"#A5B9E2","info-300":"#93ACDD","info-350":"#819ED7","info-400":"#7090D1","info-450":"#5E83CC","info-500":"#4D75C6","info-550":"#3B67C1","info-600":"#2959BB","info-650":"#29509B","info-700":"#28467C","info-750":"#263B61","info-800":"#22304B","info-850":"#1C2637","info-900":"#161C26","info-950":"#0E1117","success-050":"#E7F6D8","success-100":"#CEECB1","success-150":"#B4E289","success-200":"#99D85D","success-250":"#88CB49","success-300":"#7EBC43","success-350":"#74AD3E","success-400":"#6A9F39","success-450":"#619134","success-500":"#58832F","success-550":"#4E752A","success-600":"#456825","success-650":"#405A29","success-700":"#394C29","success-750":"#333F28","success-800":"#2B3323","success-850":"#22281E","success-900":"#191D16","success-950":"#10110E","warning-050":"#F8F0DE","warning-100":"#F0E2BC","warning-150":"#E9D39A","warning-200":"#E1C478","warning-250":"#D9B456","warning-300":"#D0A539","warning-350":"#C09934","warning-400":"#B08C2F","warning-450":"#A07F2B","warning-500":"#917327","warning-550":"#816723","warning-600":"#735B1F","warning-650":"#615026","warning-700":"#524527","warning-750":"#433B26","warning-800":"#363022","warning-850":"#29261C","warning-900":"#1D1B16","warning-950":"#12110E","error-050":"#FBEEED","error-100":"#F6DDDB","error-150":"#F2CCC8","error-200":"#EDBAB6","error-250":"#E9A9A4","error-300":"#E49791","error-350":"#E0857E","error-400":"#DB726A","error-450":"#D65E54","error-500":"#D0483D","error-550":"#C92E22","error-600":"#B5261A","error-650":"#952F24","error-700":"#783026","error-750":"#602C25","error-800":"#4A2722","error-850":"#371F1C","error-900":"#261816","error-950":"#170F0D","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue1-050":"#EBF1FF","blue1-100":"#D6E3FE","blue1-150":"#C2D5FE","blue1-200":"#ADC7FE","blue1-250":"#99B8FD","blue1-300":"#84AAFD","blue1-350":"#6F9BFD","blue1-400":"#5A8DFB","blue1-450":"#437DFC","blue1-500":"#3D71E4","blue1-550":"#3665CC","blue1-600":"#305AB5","blue1-650":"#315093","blue1-700":"#2E4675","blue1-750":"#293B5E","blue1-800":"#243048","blue1-850":"#1E2635","blue1-900":"#171C25","blue1-950":"#0E1116","blue2-050":"#E2F4F9","blue2-100":"#C5E9F3","blue2-150":"#A7DDED","blue2-200":"#88D1E6","blue2-250":"#68C5E0","blue2-300":"#48B8D9","blue2-350":"#3BAACA","blue2-400":"#359CB9","blue2-450":"#318EA9","blue2-500":"#2C8199","blue2-550":"#277389","blue2-600":"#236679","blue2-650":"#2A5866","blue2-700":"#2A4B55","blue2-750":"#283F47","blue2-800":"#233337","blue2-850":"#1D272A","blue2-900":"#161C1E","blue2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#95ABFF","logo2":"#95ABFF","semantic":{"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"contextual":{"primary":"#000000D9"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"contextual":{"primary":"#00000033"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}}}}},"default":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F7F8F8"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#E1E2E5","secondary-hover":"#D2D4D8","tertiary":"#F0F1F2","tertiary-hover":"#E1E2E5"},"contextual":{"primary":"#0000000D","primary-hover":"#0000001A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#C8EEA8","secondary-hover":"#AAE579","tertiary":"#E4F7D4","tertiary-hover":"#C8EEA8"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#FFE176","secondary-hover":"#FFCF25","tertiary":"#FFF1BD","tertiary-hover":"#FFE176"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#FADBDB","secondary-hover":"#F7C9C9","tertiary":"#FCEDED","tertiary-hover":"#FADBDB"},"disabled":{"primary":"#E1E2E5","secondary":"#F0F1F2"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}},"text":{"primary":"#0000000D"}},"content":{"logo1":"#377FDB","logo2":"#377FDB","semantic":{"brand":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#2976D8","on-brand":"#EAF1FB"},"neutral":{"primary":"#252627","secondary":"#5C5F63","tertiary":"#74777C","on-neutral":"#F0F1F2"},"contextual":{"primary":"#FFFFFFF2"},"info":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#2976D8","on-info":"#EAF1FB"},"success":{"primary":"#344D24","secondary":"#3A6A14","tertiary":"#4B851A","on-success":"#E4F7D4"},"warning":{"primary":"#524620","secondary":"#745B03","tertiary":"#937303","on-warning":"#FFF1BD"},"error":{"primary":"#802820","secondary":"#C00101","tertiary":"#E13131","on-error":"#FCEDED"},"disabled":{"primary":"#A7ACB2","secondary":"#FFFFFF80"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}},"border":{"surface":{"primary":"#E1E2E5"},"semantic":{"brand":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"contextual":{"primary":"#FFFFFF33"},"neutral":{"primary":"#686B6F","secondary":"#A7ACB2","tertiary":"#D2D4D8"},"info":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"success":{"primary":"#427816","secondary":"#6AC024","tertiary":"#AAE579"},"warning":{"primary":"#836703","secondary":"#D3A504","tertiary":"#FFCF25"},"error":{"primary":"#D80000","secondary":"#EF9191","tertiary":"#F7C9C9"},"disabled":{"primary":"#E1E2E5"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}}},"components":{}},"dark":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#95ABFF","logo2":"#95ABFF","semantic":{"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"contextual":{"primary":"#000000D9"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"contextual":{"primary":"#00000033"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}}}}}; +export const tokens = {"themes":{"default":{"globals":{"colors":{"logo-1-light":"#377FDB","logo-2-light":"#377FDB","logo-1-dark":"#C1D6F2","logo-2-dark":"#C1D6F2","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#1B1C1D00","black-050":"#1B1C1D0D","black-100":"#1B1C1D1A","black-150":"#1B1C1D26","black-200":"#1B1C1D33","black-250":"#1B1C1D40","black-300":"#1B1C1D4D","black-350":"#1B1C1D59","black-400":"#1B1C1D66","black-450":"#1B1C1D73","black-500":"#1B1C1D80","black-550":"#1B1C1D8C","black-600":"#1B1C1D99","black-650":"#1B1C1DA6","black-700":"#1B1C1DB2","black-750":"#1B1C1DBF","black-800":"#1B1C1DCC","black-850":"#1B1C1DD9","black-900":"#1B1C1DE5","black-950":"#101112F2","white-000":"#F7F8F800","white-050":"#F7F8F80D","white-100":"#F7F8F81A","white-150":"#F7F8F826","white-200":"#F7F8F833","white-250":"#F7F8F840","white-300":"#F7F8F84D","white-350":"#F7F8F859","white-400":"#F7F8F866","white-450":"#F7F8F873","white-500":"#F7F8F880","white-550":"#F7F8F88C","white-600":"#F7F8F899","white-650":"#F7F8F8A6","white-700":"#F7F8F8B2","white-750":"#F7F8F8BF","white-800":"#F7F8F8CC","white-850":"#F7F8F8D9","white-900":"#F7F8F8E5","white-950":"#F7F8F8F2","white-975":"#F7F8F8F9"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":"0px","sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F7F8F8"},"semantic":{"overlay":{"primary":"#1B1C1D0D","primary-hover":"#1B1C1D1A"},"contextual":{"primary":"#1B1C1D0D","primary-hover":"#1B1C1D1A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#E1E2E5","secondary-hover":"#D2D4D8","tertiary":"#F0F1F2","tertiary-hover":"#E1E2E5"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#C8EEA8","secondary-hover":"#AAE579","tertiary":"#E4F7D4","tertiary-hover":"#C8EEA8"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#FFE176","secondary-hover":"#FFCF25","tertiary":"#FFF1BD","tertiary-hover":"#FFE176"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#FADBDB","secondary-hover":"#F7C9C9","tertiary":"#FCEDED","tertiary-hover":"#FADBDB"},"disabled":{"primary":"#E1E2E5","secondary":"#F0F1F2"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}},"content":{"logo1":"#377FDB","logo2":"#377FDB","semantic":{"contextual":{"primary":"#F7F8F8F2"},"overlay":{"primary":"#F7F8F8F2"},"brand":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#1167D4","on-brand":"#EAF1FB"},"neutral":{"primary":"#252627","secondary":"#5C5F63","tertiary":"#686B6F","on-neutral":"#F0F1F2"},"info":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#1167D4","on-info":"#EAF1FB"},"success":{"primary":"#344D24","secondary":"#3A6A14","tertiary":"#427816","on-success":"#E4F7D4"},"warning":{"primary":"#524620","secondary":"#745B03","tertiary":"#836703","on-warning":"#FFF1BD"},"error":{"primary":"#802820","secondary":"#C00101","tertiary":"#D80000","on-error":"#FCEDED"},"disabled":{"primary":"#A7ACB2","secondary":"#F7F8F880"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#E1E2E5"},"semantic":{"contextual":{"primary":"#F7F8F833"},"overlay":{"primary":"#F7F8F833"},"brand":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"neutral":{"primary":"#686B6F","secondary":"#A7ACB2","tertiary":"#D2D4D8"},"info":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"success":{"primary":"#427816","secondary":"#6AC024","tertiary":"#AAE579"},"warning":{"primary":"#836703","secondary":"#D3A504","tertiary":"#FFCF25"},"error":{"primary":"#D80000","secondary":"#EF9191","tertiary":"#F7C9C9"},"disabled":{"primary":"#E1E2E5"}}}},"components":{}},"dark":{"globals":{"colors":{"logo-1-light":"#377FDB","logo-2-light":"#377FDB","logo-1-dark":"#C1D6F2","logo-2-dark":"#C1D6F2","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#1B1C1D00","black-050":"#1B1C1D0D","black-100":"#1B1C1D1A","black-150":"#1B1C1D26","black-200":"#1B1C1D33","black-250":"#1B1C1D40","black-300":"#1B1C1D4D","black-350":"#1B1C1D59","black-400":"#1B1C1D66","black-450":"#1B1C1D73","black-500":"#1B1C1D80","black-550":"#1B1C1D8C","black-600":"#1B1C1D99","black-650":"#1B1C1DA6","black-700":"#1B1C1DB2","black-750":"#1B1C1DBF","black-800":"#1B1C1DCC","black-850":"#1B1C1DD9","black-900":"#1B1C1DE5","black-950":"#101112F2","white-000":"#F7F8F800","white-050":"#F7F8F80D","white-100":"#F7F8F81A","white-150":"#F7F8F826","white-200":"#F7F8F833","white-250":"#F7F8F840","white-300":"#F7F8F84D","white-350":"#F7F8F859","white-400":"#F7F8F866","white-450":"#F7F8F873","white-500":"#F7F8F880","white-550":"#F7F8F88C","white-600":"#F7F8F899","white-650":"#F7F8F8A6","white-700":"#F7F8F8B2","white-750":"#F7F8F8BF","white-800":"#F7F8F8CC","white-850":"#F7F8F8D9","white-900":"#F7F8F8E5","white-950":"#F7F8F8F2","white-975":"#F7F8F8F9"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":"0px","sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"contextual":{"primary":"#F7F8F80D","primary-hover":"#F7F8F81A"},"overlay":{"primary":"#F7F8F80D","primary-hover":"#F7F8F81A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#C1D6F2","logo2":"#C1D6F2","semantic":{"contextual":{"primary":"#1B1C1DD9"},"overlay":{"primary":"#1B1C1DD9"},"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#1B1C1D4D"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"contextual":{"primary":"#1B1C1D33"},"overlay":{"primary":"#1B1C1D33"},"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}}}},"components":{"card":{"border-width":"none","box-shadow":"rgba(0, 8, 16, 0.3) 0px 16px 24px"}}},"redflux-dark":{"globals":{"colors":{"brand-050":"#FBEEED","brand-100":"#F7DCDB","brand-150":"#F4CBC9","brand-200":"#F0B9B7","brand-250":"#ECA7A4","brand-300":"#E89591","brand-350":"#E4827E","brand-400":"#E06F69","brand-450":"#DB5953","brand-500":"#D6413A","brand-550":"#CA2D25","brand-600":"#B32821","brand-650":"#933028","brand-700":"#783029","brand-750":"#5F2D27","brand-800":"#492723","brand-850":"#37201D","brand-900":"#261816","brand-950":"#170F0E","gray-000":"#FFFFFF","gray-025":"#F8F8F8","gray-050":"#F1F1F1","gray-100":"#E2E2E2","gray-150":"#D4D4D4","gray-200":"#C6C6C6","gray-250":"#B9B9B9","gray-300":"#ABABAB","gray-350":"#9E9E9E","gray-400":"#919191","gray-450":"#848484","gray-500":"#777777","gray-550":"#6A6A6A","gray-600":"#5E5E5E","gray-650":"#525252","gray-700":"#474747","gray-750":"#3B3B3B","gray-800":"#303030","gray-850":"#262626","gray-900":"#1B1B1B","gray-950":"#111111","gray-1000":"#000000","info-050":"#ECF1FA","info-100":"#D8E3F6","info-150":"#C5D5F1","info-200":"#B2C8EC","info-250":"#9FBAE8","info-300":"#8CACE3","info-350":"#7A9FDE","info-400":"#6791DA","info-450":"#5483D5","info-500":"#4075D0","info-550":"#2C67CC","info-600":"#265BB6","info-650":"#2A5195","info-700":"#2A4677","info-750":"#283B5E","info-800":"#233148","info-850":"#1C2635","info-900":"#161C25","info-950":"#0E1116","success-050":"#D9F9DB","success-100":"#B1F2B5","success-150":"#83EB89","success-200":"#71DD78","success-250":"#69CE6F","success-300":"#61BF67","success-350":"#5AB05F","success-400":"#53A158","success-450":"#4B934F","success-500":"#448548","success-550":"#3D7740","success-600":"#366939","success-650":"#365B38","success-700":"#324D34","success-750":"#2D402E","success-800":"#273427","success-850":"#202820","success-900":"#181D18","success-950":"#0F110E","warning-050":"#F7F0E3","warning-100":"#EFE1C7","warning-150":"#E7D2AB","warning-200":"#DFC38F","warning-250":"#D7B473","warning-300":"#CFA557","warning-350":"#C49644","warning-400":"#B38A3F","warning-450":"#A37E39","warning-500":"#947134","warning-550":"#84662E","warning-600":"#755A29","warning-650":"#63502C","warning-700":"#53442D","warning-750":"#453A29","warning-800":"#362F24","warning-850":"#2A251D","warning-900":"#1E1B16","warning-950":"#12110E","error-050":"#FBEEED","error-100":"#F8DCDC","error-150":"#F4CACA","error-200":"#F1B9B8","error-250":"#EDA7A6","error-300":"#E99494","error-350":"#E58181","error-400":"#E16D6C","error-450":"#DD5857","error-500":"#D14746","error-550":"#BB403F","error-600":"#A63838","error-650":"#893937","error-700":"#703533","error-750":"#59302D","error-800":"#452927","error-850":"#332120","error-900":"#241919","error-950":"#150F0F","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue1-050":"#EBF1FF","blue1-100":"#D6E3FE","blue1-150":"#C2D5FE","blue1-200":"#ADC7FE","blue1-250":"#99B8FD","blue1-300":"#84AAFD","blue1-350":"#6F9BFD","blue1-400":"#5A8DFB","blue1-450":"#437DFC","blue1-500":"#3D71E4","blue1-550":"#3665CC","blue1-600":"#305AB5","blue1-650":"#315093","blue1-700":"#2E4675","blue1-750":"#293B5E","blue1-800":"#243048","blue1-850":"#1E2635","blue1-900":"#171C25","blue1-950":"#0E1116","blue2-050":"#E2F4F9","blue2-100":"#C5E9F3","blue2-150":"#A7DDED","blue2-200":"#88D1E6","blue2-250":"#68C5E0","blue2-300":"#48B8D9","blue2-350":"#3BAACA","blue2-400":"#359CB9","blue2-450":"#318EA9","blue2-500":"#2C8199","blue2-550":"#277389","blue2-600":"#236679","blue2-650":"#2A5866","blue2-700":"#2A4B55","blue2-750":"#283F47","blue2-800":"#233337","blue2-850":"#1D272A","blue2-900":"#161C1E","blue2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"contextual":{"primary":"#F7F8F80D","primary-hover":"#F7F8F81A"},"overlay":{"primary":"#F7F8F80D","primary-hover":"#F7F8F81A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#C1D6F2","logo2":"#C1D6F2","semantic":{"contextual":{"primary":"#1B1C1DD9"},"overlay":{"primary":"#1B1C1DD9"},"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#1B1C1D4D"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"contextual":{"primary":"#1B1C1D33"},"overlay":{"primary":"#1B1C1D33"},"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}}}}},"blueney-dark":{"globals":{"colors":{"brand-050":"#EBF1FA","brand-100":"#D7E4F5","brand-150":"#C3D6F0","brand-200":"#B0C8EB","brand-250":"#9CBBE6","brand-300":"#89ADE1","brand-350":"#75A0DC","brand-400":"#6192D7","brand-450":"#4D85D2","brand-500":"#3977CD","brand-550":"#2C6ABF","brand-600":"#275EA9","brand-650":"#2B538A","brand-700":"#2B4770","brand-750":"#283C59","brand-800":"#233145","brand-850":"#1D2633","brand-900":"#171C24","brand-950":"#0E1115","gray-000":"#FFFFFF","gray-025":"#F8F8FA","gray-050":"#F0F0F5","gray-100":"#E1E2EA","gray-150":"#D2D4E0","gray-200":"#C4C5D6","gray-250":"#B5B7CC","gray-300":"#A7AAC2","gray-350":"#999CB6","gray-400":"#8D8FA7","gray-450":"#808298","gray-500":"#747689","gray-550":"#68697B","gray-600":"#5C5D6D","gray-650":"#50525F","gray-700":"#454652","gray-750":"#3A3B45","gray-800":"#2F3038","gray-850":"#25252C","gray-900":"#1B1B20","gray-950":"#101113","gray-1000":"#000000","info-050":"#EDF1F9","info-100":"#DAE3F3","info-150":"#C8D5EE","info-200":"#B7C7E8","info-250":"#A5B9E2","info-300":"#93ACDD","info-350":"#819ED7","info-400":"#7090D1","info-450":"#5E83CC","info-500":"#4D75C6","info-550":"#3B67C1","info-600":"#2959BB","info-650":"#29509B","info-700":"#28467C","info-750":"#263B61","info-800":"#22304B","info-850":"#1C2637","info-900":"#161C26","info-950":"#0E1117","success-050":"#E7F6D8","success-100":"#CEECB1","success-150":"#B4E289","success-200":"#99D85D","success-250":"#88CB49","success-300":"#7EBC43","success-350":"#74AD3E","success-400":"#6A9F39","success-450":"#619134","success-500":"#58832F","success-550":"#4E752A","success-600":"#456825","success-650":"#405A29","success-700":"#394C29","success-750":"#333F28","success-800":"#2B3323","success-850":"#22281E","success-900":"#191D16","success-950":"#10110E","warning-050":"#F8F0DE","warning-100":"#F0E2BC","warning-150":"#E9D39A","warning-200":"#E1C478","warning-250":"#D9B456","warning-300":"#D0A539","warning-350":"#C09934","warning-400":"#B08C2F","warning-450":"#A07F2B","warning-500":"#917327","warning-550":"#816723","warning-600":"#735B1F","warning-650":"#615026","warning-700":"#524527","warning-750":"#433B26","warning-800":"#363022","warning-850":"#29261C","warning-900":"#1D1B16","warning-950":"#12110E","error-050":"#FBEEED","error-100":"#F6DDDB","error-150":"#F2CCC8","error-200":"#EDBAB6","error-250":"#E9A9A4","error-300":"#E49791","error-350":"#E0857E","error-400":"#DB726A","error-450":"#D65E54","error-500":"#D0483D","error-550":"#C92E22","error-600":"#B5261A","error-650":"#952F24","error-700":"#783026","error-750":"#602C25","error-800":"#4A2722","error-850":"#371F1C","error-900":"#261816","error-950":"#170F0D","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue1-050":"#EBF1FF","blue1-100":"#D6E3FE","blue1-150":"#C2D5FE","blue1-200":"#ADC7FE","blue1-250":"#99B8FD","blue1-300":"#84AAFD","blue1-350":"#6F9BFD","blue1-400":"#5A8DFB","blue1-450":"#437DFC","blue1-500":"#3D71E4","blue1-550":"#3665CC","blue1-600":"#305AB5","blue1-650":"#315093","blue1-700":"#2E4675","blue1-750":"#293B5E","blue1-800":"#243048","blue1-850":"#1E2635","blue1-900":"#171C25","blue1-950":"#0E1116","blue2-050":"#E2F4F9","blue2-100":"#C5E9F3","blue2-150":"#A7DDED","blue2-200":"#88D1E6","blue2-250":"#68C5E0","blue2-300":"#48B8D9","blue2-350":"#3BAACA","blue2-400":"#359CB9","blue2-450":"#318EA9","blue2-500":"#2C8199","blue2-550":"#277389","blue2-600":"#236679","blue2-650":"#2A5866","blue2-700":"#2A4B55","blue2-750":"#283F47","blue2-800":"#233337","blue2-850":"#1D272A","blue2-900":"#161C1E","blue2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"contextual":{"primary":"#F7F8F80D","primary-hover":"#F7F8F81A"},"overlay":{"primary":"#F7F8F80D","primary-hover":"#F7F8F81A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#C1D6F2","logo2":"#C1D6F2","semantic":{"contextual":{"primary":"#1B1C1DD9"},"overlay":{"primary":"#1B1C1DD9"},"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#1B1C1D4D"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"contextual":{"primary":"#1B1C1D33"},"overlay":{"primary":"#1B1C1D33"},"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}}}}}},"default":{"globals":{"colors":{"logo-1-light":"#377FDB","logo-2-light":"#377FDB","logo-1-dark":"#C1D6F2","logo-2-dark":"#C1D6F2","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#1B1C1D00","black-050":"#1B1C1D0D","black-100":"#1B1C1D1A","black-150":"#1B1C1D26","black-200":"#1B1C1D33","black-250":"#1B1C1D40","black-300":"#1B1C1D4D","black-350":"#1B1C1D59","black-400":"#1B1C1D66","black-450":"#1B1C1D73","black-500":"#1B1C1D80","black-550":"#1B1C1D8C","black-600":"#1B1C1D99","black-650":"#1B1C1DA6","black-700":"#1B1C1DB2","black-750":"#1B1C1DBF","black-800":"#1B1C1DCC","black-850":"#1B1C1DD9","black-900":"#1B1C1DE5","black-950":"#101112F2","white-000":"#F7F8F800","white-050":"#F7F8F80D","white-100":"#F7F8F81A","white-150":"#F7F8F826","white-200":"#F7F8F833","white-250":"#F7F8F840","white-300":"#F7F8F84D","white-350":"#F7F8F859","white-400":"#F7F8F866","white-450":"#F7F8F873","white-500":"#F7F8F880","white-550":"#F7F8F88C","white-600":"#F7F8F899","white-650":"#F7F8F8A6","white-700":"#F7F8F8B2","white-750":"#F7F8F8BF","white-800":"#F7F8F8CC","white-850":"#F7F8F8D9","white-900":"#F7F8F8E5","white-950":"#F7F8F8F2","white-975":"#F7F8F8F9"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":"0px","sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F7F8F8"},"semantic":{"overlay":{"primary":"#1B1C1D0D","primary-hover":"#1B1C1D1A"},"contextual":{"primary":"#1B1C1D0D","primary-hover":"#1B1C1D1A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#E1E2E5","secondary-hover":"#D2D4D8","tertiary":"#F0F1F2","tertiary-hover":"#E1E2E5"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#C8EEA8","secondary-hover":"#AAE579","tertiary":"#E4F7D4","tertiary-hover":"#C8EEA8"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#FFE176","secondary-hover":"#FFCF25","tertiary":"#FFF1BD","tertiary-hover":"#FFE176"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#FADBDB","secondary-hover":"#F7C9C9","tertiary":"#FCEDED","tertiary-hover":"#FADBDB"},"disabled":{"primary":"#E1E2E5","secondary":"#F0F1F2"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}},"content":{"logo1":"#377FDB","logo2":"#377FDB","semantic":{"contextual":{"primary":"#F7F8F8F2"},"overlay":{"primary":"#F7F8F8F2"},"brand":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#1167D4","on-brand":"#EAF1FB"},"neutral":{"primary":"#252627","secondary":"#5C5F63","tertiary":"#686B6F","on-neutral":"#F0F1F2"},"info":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#1167D4","on-info":"#EAF1FB"},"success":{"primary":"#344D24","secondary":"#3A6A14","tertiary":"#427816","on-success":"#E4F7D4"},"warning":{"primary":"#524620","secondary":"#745B03","tertiary":"#836703","on-warning":"#FFF1BD"},"error":{"primary":"#802820","secondary":"#C00101","tertiary":"#D80000","on-error":"#FCEDED"},"disabled":{"primary":"#A7ACB2","secondary":"#F7F8F880"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#E1E2E5"},"semantic":{"contextual":{"primary":"#F7F8F833"},"overlay":{"primary":"#F7F8F833"},"brand":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"neutral":{"primary":"#686B6F","secondary":"#A7ACB2","tertiary":"#D2D4D8"},"info":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"success":{"primary":"#427816","secondary":"#6AC024","tertiary":"#AAE579"},"warning":{"primary":"#836703","secondary":"#D3A504","tertiary":"#FFCF25"},"error":{"primary":"#D80000","secondary":"#EF9191","tertiary":"#F7C9C9"},"disabled":{"primary":"#E1E2E5"}}}},"components":{}},"dark":{"globals":{"colors":{"logo-1-light":"#377FDB","logo-2-light":"#377FDB","logo-1-dark":"#C1D6F2","logo-2-dark":"#C1D6F2","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#1B1C1D00","black-050":"#1B1C1D0D","black-100":"#1B1C1D1A","black-150":"#1B1C1D26","black-200":"#1B1C1D33","black-250":"#1B1C1D40","black-300":"#1B1C1D4D","black-350":"#1B1C1D59","black-400":"#1B1C1D66","black-450":"#1B1C1D73","black-500":"#1B1C1D80","black-550":"#1B1C1D8C","black-600":"#1B1C1D99","black-650":"#1B1C1DA6","black-700":"#1B1C1DB2","black-750":"#1B1C1DBF","black-800":"#1B1C1DCC","black-850":"#1B1C1DD9","black-900":"#1B1C1DE5","black-950":"#101112F2","white-000":"#F7F8F800","white-050":"#F7F8F80D","white-100":"#F7F8F81A","white-150":"#F7F8F826","white-200":"#F7F8F833","white-250":"#F7F8F840","white-300":"#F7F8F84D","white-350":"#F7F8F859","white-400":"#F7F8F866","white-450":"#F7F8F873","white-500":"#F7F8F880","white-550":"#F7F8F88C","white-600":"#F7F8F899","white-650":"#F7F8F8A6","white-700":"#F7F8F8B2","white-750":"#F7F8F8BF","white-800":"#F7F8F8CC","white-850":"#F7F8F8D9","white-900":"#F7F8F8E5","white-950":"#F7F8F8F2","white-975":"#F7F8F8F9"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":"0px","sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"contextual":{"primary":"#F7F8F80D","primary-hover":"#F7F8F81A"},"overlay":{"primary":"#F7F8F80D","primary-hover":"#F7F8F81A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#C1D6F2","logo2":"#C1D6F2","semantic":{"contextual":{"primary":"#1B1C1DD9"},"overlay":{"primary":"#1B1C1DD9"},"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#1B1C1D4D"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"contextual":{"primary":"#1B1C1D33"},"overlay":{"primary":"#1B1C1D33"},"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}}}},"components":{}}}; diff --git a/packages/tokens/FigmaToCunningham.ts b/packages/tokens/FigmaToCunningham.ts deleted file mode 100644 index 5e9db7c..0000000 --- a/packages/tokens/FigmaToCunningham.ts +++ /dev/null @@ -1,33 +0,0 @@ -/** - * This util script is used to convert Figma's Token Studio JSON color config to TS file. - * - * CLI usage example: - * $ yarn figma-to-cunningham dark.json - */ -import fs from "fs"; -import path from "path"; - -const filePath = process.argv[2]; -const data = fs.readFileSync(filePath); -const json = JSON.parse(data.toString()); -const output: any = {}; - -Object.keys(json).forEach((color) => { - console.log("Parsing color:", color); - Object.keys(json[color]).forEach((colorVariation) => { - const colorName = color === "Succes" ? "success" : color.toLowerCase(); - output[colorName + "-" + colorVariation] = - json[color][colorVariation].value; - }); -}); -console.log("Output:", output); -const content = `/** - * /!\\ Please do not edit this file directly. Instead use the FigmaToCunningham.ts converter that generated this file. - */ -export const colors = ${JSON.stringify(output)} -`; - -const fileName = path.parse(filePath).name; -const outputPath = `./src/bin/ThemeColors/${fileName}.ts`; -fs.writeFileSync(outputPath, content); -console.log("Successfuly written to", outputPath); diff --git a/packages/tokens/package.json b/packages/tokens/package.json index 4346dbe..811f32e 100644 --- a/packages/tokens/package.json +++ b/packages/tokens/package.json @@ -26,12 +26,11 @@ "lint": "eslint . 'src/**/*.{ts,tsx}'", "dev": "nodemon --watch 'src/bin' --ext '*' --exec 'yarn build'", "build-bin": "cd src/bin && rm -rf ../../dist/bin && tsc -p tsconfig.build.json && tsc-alias && chmod +x ../../dist/bin/Main.js", - "build-lib": "cp dist/cunningham-tokens.ts src/lib && cd src/lib && tsc -p tsconfig.json", + "build-lib": "cp src/bin/cunningham.ts src/lib && cp dist/cunningham-tokens.ts src/lib && cd src/lib && tsc -p tsconfig.json", "build": "yarn build-bin && yarn build-default-theme && yarn build-lib && cd ../.. && ln -sf ../../packages/tokens/dist/bin/Main.js node_modules/.bin/cunningham", "build-default-theme": "node ./dist/bin/Main.js -o dist -s html -g scss,css,js,ts --utility-classes", "test": "cross-env FORCE_COLOR=1 jest --runInBand --verbose src", - "test-ci": "cross-env FORCE_COLOR=1 jest --runInBand src", - "figma-to-cunningham": "ts-node FigmaToCunningham.ts" + "test-ci": "cross-env FORCE_COLOR=1 jest --runInBand src" }, "dependencies": { "chalk": "4.1.2", diff --git a/packages/tokens/src/bin/ThemeColors/dark.ts b/packages/tokens/src/bin/ThemeColors/dark.ts deleted file mode 100644 index 146e0f9..0000000 --- a/packages/tokens/src/bin/ThemeColors/dark.ts +++ /dev/null @@ -1,51 +0,0 @@ -/** - * /!\ Please do not edit this file directly. Instead use the FigmaToCunningham.ts converter that generated this file. - */ -export const colors = { - 'greyscale-100': '#182536', - 'greyscale-200': '#303C4B', - 'greyscale-300': '#555F6B', - 'greyscale-400': '#79818A', - 'greyscale-500': '#9EA3AA', - 'greyscale-600': '#C2C6CA', - 'greyscale-700': '#E7E8EA', - 'greyscale-800': '#F3F4F4', - 'greyscale-900': '#FAFAFB', - 'greyscale-000': '#0C1A2B', - 'primary-100': '#3B4C62', - 'primary-200': '#4D6481', - 'primary-300': '#6381A6', - 'primary-400': '#7FA5D5', - 'primary-500': '#8CB5EA', - 'primary-600': '#A3C4EE', - 'primary-700': '#C3D8F4', - 'primary-800': '#DDE9F8', - 'primary-900': '#F4F8FD', - 'success-100': '#EEF8D7', - 'success-200': '#D9F1B2', - 'success-300': '#BDE985', - 'success-400': '#A0E25D', - 'success-500': '#76D628', - 'success-600': '#5BB520', - 'success-700': '#43941A', - 'success-800': '#307414', - 'success-900': '#225D10', - 'warning-100': '#F7F3D5', - 'warning-200': '#F0E5AA', - 'warning-300': '#E8D680', - 'warning-400': '#E3C95F', - 'warning-500': '#D9B32B', - 'warning-600': '#BD9721', - 'warning-700': '#9D7B1C', - 'warning-800': '#7E6016', - 'warning-900': '#684D12', - 'danger-100': '#F8D0D0', - 'danger-200': '#F09898', - 'danger-300': '#F09898', - 'danger-400': '#ED8585', - 'danger-500': '#E96666', - 'danger-600': '#DD6666', - 'danger-700': '#C36666', - 'danger-800': '#AE6666', - 'danger-900': '#9D6666', -}; diff --git a/packages/tokens/src/bin/ThemeColors/default.ts b/packages/tokens/src/bin/ThemeColors/default.ts deleted file mode 100644 index 2281a59..0000000 --- a/packages/tokens/src/bin/ThemeColors/default.ts +++ /dev/null @@ -1,51 +0,0 @@ -/** - * /!\ Please do not edit this file directly. Instead use the FigmaToCunningham.ts converter that generated this file. - */ -export const colors = { - 'greyscale-100': '#FAFAFB', - 'greyscale-200': '#F3F4F4', - 'greyscale-300': '#E7E8EA', - 'greyscale-400': '#C2C6CA', - 'greyscale-500': '#9EA3AA', - 'greyscale-600': '#79818A', - 'greyscale-700': '#555F6B', - 'greyscale-800': '#303C4B', - 'greyscale-900': '#0C1A2B', - 'greyscale-000': '#FFFFFF', - 'primary-100': '#EBF2FC', - 'primary-200': '#8CB5EA', - 'primary-300': '#5894E1', - 'primary-400': '#377FDB', - 'primary-500': '#055FD2', - 'primary-600': '#0556BF', - 'primary-700': '#044395', - 'primary-800': '#033474', - 'primary-900': '#022858', - 'success-100': '#EFFCD3', - 'success-200': '#DBFAA9', - 'success-300': '#BEF27C', - 'success-400': '#A0E659', - 'success-500': '#76D628', - 'success-600': '#5AB81D', - 'success-700': '#419A14', - 'success-800': '#2C7C0C', - 'success-900': '#1D6607', - 'warning-100': '#FFF8CD', - 'warning-200': '#FFEF9B', - 'warning-300': '#FFE469', - 'warning-400': '#FFDA43', - 'warning-500': '#FFC805', - 'warning-600': '#DBA603', - 'warning-700': '#B78702', - 'warning-800': '#936901', - 'warning-900': '#7A5400', - 'danger-100': '#F4B0B0', - 'danger-200': '#EE8A8A', - 'danger-300': '#E65454', - 'danger-400': '#E13333', - 'danger-500': '#DA0000', - 'danger-600': '#C60000', - 'danger-700': '#9B0000', - 'danger-800': '#780000', - 'danger-900': '#5C0000', -}; diff --git a/packages/tokens/src/bin/cunningham.ts b/packages/tokens/src/bin/cunningham.ts index c74c887..21e6e7c 100644 --- a/packages/tokens/src/bin/cunningham.ts +++ b/packages/tokens/src/bin/cunningham.ts @@ -1,8 +1,22 @@ +/* + This file is hardlinked from `src/shared/cunningham.ts` + to `src/bin/cunningham.ts` and `src/lib/cunningham.ts` + + ``` + cd packages/tokens + ln src/shared/cunningham.ts src/lib/cunningham.ts + ln src/shared/cunningham.ts src/bin/cunningham.ts + ``` + + It is a convenient way to share the same tokens between the bin and the lib + and do not put extra logic to customize build outputs. +*/ + export const colors = { - "logo-1": "#377FDB", - "logo-2": "#377FDB", - "logo-1-dark": "#95ABFF", - "logo-2-dark": "#95ABFF", + "logo-1-light": "#377FDB", + "logo-2-light": "#377FDB", + "logo-1-dark": "#C1D6F2", + "logo-2-dark": "#C1D6F2", "brand-050": "#EAF1FB", "brand-100": "#D5E4F7", "brand-150": "#C0D6F4", @@ -291,46 +305,47 @@ export const colors = { "pink-850": "#332028", "pink-900": "#24181D", "pink-950": "#160F12", - "black-000": "#00000000", - "black-050": "#0000000D", - "black-100": "#0000001A", - "black-150": "#00000026", - "black-200": "#00000033", - "black-250": "#00000040", - "black-300": "#0000004D", - "black-350": "#00000059", - "black-400": "#00000066", - "black-450": "#00000073", - "black-500": "#00000080", - "black-550": "#0000008C", - "black-600": "#00000099", - "black-650": "#000000A6", - "black-700": "#000000B3", - "black-750": "#000000BF", - "black-800": "#000000CC", - "black-850": "#000000D9", - "black-900": "#000000E6", - "black-950": "#000000F2", - "white-000": "#FFFFFF", - "white-050": "#FFFFFF0D", - "white-100": "#FFFFFF1A", - "white-150": "#FFFFFF26", - "white-200": "#FFFFFF33", - "white-250": "#FFFFFF40", - "white-300": "#FFFFFF4D", - "white-350": "#FFFFFF59", - "white-400": "#FFFFFF66", - "white-450": "#FFFFFF73", - "white-500": "#FFFFFF80", - "white-550": "#FFFFFF8C", - "white-600": "#FFFFFF99", - "white-650": "#FFFFFFA6", - "white-700": "#FFFFFFB3", - "white-750": "#FFFFFFBF", - "white-800": "#FFFFFFCC", - "white-850": "#FFFFFFD9", - "white-900": "#FFFFFFE6", - "white-950": "#FFFFFFF2", + "black-000": "#1B1C1D00", + "black-050": "#1B1C1D0D", + "black-100": "#1B1C1D1A", + "black-150": "#1B1C1D26", + "black-200": "#1B1C1D33", + "black-250": "#1B1C1D40", + "black-300": "#1B1C1D4D", + "black-350": "#1B1C1D59", + "black-400": "#1B1C1D66", + "black-450": "#1B1C1D73", + "black-500": "#1B1C1D80", + "black-550": "#1B1C1D8C", + "black-600": "#1B1C1D99", + "black-650": "#1B1C1DA6", + "black-700": "#1B1C1DB2", + "black-750": "#1B1C1DBF", + "black-800": "#1B1C1DCC", + "black-850": "#1B1C1DD9", + "black-900": "#1B1C1DE5", + "black-950": "#101112F2", + "white-000": "#F7F8F800", + "white-050": "#F7F8F80D", + "white-100": "#F7F8F81A", + "white-150": "#F7F8F826", + "white-200": "#F7F8F833", + "white-250": "#F7F8F840", + "white-300": "#F7F8F84D", + "white-350": "#F7F8F859", + "white-400": "#F7F8F866", + "white-450": "#F7F8F873", + "white-500": "#F7F8F880", + "white-550": "#F7F8F88C", + "white-600": "#F7F8F899", + "white-650": "#F7F8F8A6", + "white-700": "#F7F8F8B2", + "white-750": "#F7F8F8BF", + "white-800": "#F7F8F8CC", + "white-850": "#F7F8F8D9", + "white-900": "#F7F8F8E5", + "white-950": "#F7F8F8F2", + "white-975": "#F7F8F8F9", }; const fontFamilies = { @@ -374,7 +389,7 @@ const transitions = { }; const breakpoints = { - xs: 0, + xs: "0px", sm: "576px", md: "768px", lg: "992px", @@ -425,7 +440,7 @@ export const globals = { breakpoints, }; -export const contextuaDefault = { +export const contextualDefaultTokens = { background: { surface: { primary: "ref(globals.colors.gray-000)", @@ -551,13 +566,10 @@ export const contextuaDefault = { tertiary: "ref(globals.colors.gray-150)", }, }, - text: { - primary: "ref(globals.colors.black-050)", - }, }, content: { - logo1: "ref(globals.colors.logo-1)", - logo2: "ref(globals.colors.logo-2)", + logo1: "ref(globals.colors.logo-1-light)", + logo2: "ref(globals.colors.logo-2-light)", semantic: { contextual: { primary: "ref(globals.colors.white-950)", @@ -689,11 +701,6 @@ export const contextuaDefault = { }, }, }; -const defaultTheme = { - globals, - contextuals: contextuaDefault, - components: {}, -}; export const contextualDarkTokens = { background: { @@ -959,7 +966,11 @@ export const contextualDarkTokens = { export default { themes: { - default: defaultTheme, + default: { + globals, + contextuals: contextualDefaultTokens, + components: {}, + }, dark: { globals, contextuals: contextualDarkTokens, diff --git a/packages/tokens/src/bin/tests/Cunningham.spec.ts b/packages/tokens/src/bin/tests/Cunningham.spec.ts index 3a469fb..21c293c 100644 --- a/packages/tokens/src/bin/tests/Cunningham.spec.ts +++ b/packages/tokens/src/bin/tests/Cunningham.spec.ts @@ -164,10 +164,10 @@ describe("Cunningham Bin", () => { expect(fs.existsSync(cssTokensFile)).toEqual(true); expect(fs.readFileSync(cssTokensFile).toString()).toMatchInlineSnapshot(` ":root { - --c--globals--colors--logo-1: #377FDB; - --c--globals--colors--logo-2: #377FDB; - --c--globals--colors--logo-1-dark: #95ABFF; - --c--globals--colors--logo-2-dark: #95ABFF; + --c--globals--colors--logo-1-light: #377FDB; + --c--globals--colors--logo-2-light: #377FDB; + --c--globals--colors--logo-1-dark: #C1D6F2; + --c--globals--colors--logo-2-dark: #C1D6F2; --c--globals--colors--brand-050: #EAF1FB; --c--globals--colors--brand-100: #D5E4F7; --c--globals--colors--brand-150: #C0D6F4; @@ -456,46 +456,47 @@ describe("Cunningham Bin", () => { --c--globals--colors--pink-850: #332028; --c--globals--colors--pink-900: #24181D; --c--globals--colors--pink-950: #160F12; - --c--globals--colors--black-000: #00000000; - --c--globals--colors--black-050: #0000000D; - --c--globals--colors--black-100: #0000001A; - --c--globals--colors--black-150: #00000026; - --c--globals--colors--black-200: #00000033; - --c--globals--colors--black-250: #00000040; - --c--globals--colors--black-300: #0000004D; - --c--globals--colors--black-350: #00000059; - --c--globals--colors--black-400: #00000066; - --c--globals--colors--black-450: #00000073; - --c--globals--colors--black-500: #00000080; - --c--globals--colors--black-550: #0000008C; - --c--globals--colors--black-600: #00000099; - --c--globals--colors--black-650: #000000A6; - --c--globals--colors--black-700: #000000B3; - --c--globals--colors--black-750: #000000BF; - --c--globals--colors--black-800: #000000CC; - --c--globals--colors--black-850: #000000D9; - --c--globals--colors--black-900: #000000E6; - --c--globals--colors--black-950: #000000F2; - --c--globals--colors--white-000: #FFFFFF; - --c--globals--colors--white-050: #FFFFFF0D; - --c--globals--colors--white-100: #FFFFFF1A; - --c--globals--colors--white-150: #FFFFFF26; - --c--globals--colors--white-200: #FFFFFF33; - --c--globals--colors--white-250: #FFFFFF40; - --c--globals--colors--white-300: #FFFFFF4D; - --c--globals--colors--white-350: #FFFFFF59; - --c--globals--colors--white-400: #FFFFFF66; - --c--globals--colors--white-450: #FFFFFF73; - --c--globals--colors--white-500: #FFFFFF80; - --c--globals--colors--white-550: #FFFFFF8C; - --c--globals--colors--white-600: #FFFFFF99; - --c--globals--colors--white-650: #FFFFFFA6; - --c--globals--colors--white-700: #FFFFFFB3; - --c--globals--colors--white-750: #FFFFFFBF; - --c--globals--colors--white-800: #FFFFFFCC; - --c--globals--colors--white-850: #FFFFFFD9; - --c--globals--colors--white-900: #FFFFFFE6; - --c--globals--colors--white-950: #FFFFFFF2; + --c--globals--colors--black-000: #1B1C1D00; + --c--globals--colors--black-050: #1B1C1D0D; + --c--globals--colors--black-100: #1B1C1D1A; + --c--globals--colors--black-150: #1B1C1D26; + --c--globals--colors--black-200: #1B1C1D33; + --c--globals--colors--black-250: #1B1C1D40; + --c--globals--colors--black-300: #1B1C1D4D; + --c--globals--colors--black-350: #1B1C1D59; + --c--globals--colors--black-400: #1B1C1D66; + --c--globals--colors--black-450: #1B1C1D73; + --c--globals--colors--black-500: #1B1C1D80; + --c--globals--colors--black-550: #1B1C1D8C; + --c--globals--colors--black-600: #1B1C1D99; + --c--globals--colors--black-650: #1B1C1DA6; + --c--globals--colors--black-700: #1B1C1DB2; + --c--globals--colors--black-750: #1B1C1DBF; + --c--globals--colors--black-800: #1B1C1DCC; + --c--globals--colors--black-850: #1B1C1DD9; + --c--globals--colors--black-900: #1B1C1DE5; + --c--globals--colors--black-950: #101112F2; + --c--globals--colors--white-000: #F7F8F800; + --c--globals--colors--white-050: #F7F8F80D; + --c--globals--colors--white-100: #F7F8F81A; + --c--globals--colors--white-150: #F7F8F826; + --c--globals--colors--white-200: #F7F8F833; + --c--globals--colors--white-250: #F7F8F840; + --c--globals--colors--white-300: #F7F8F84D; + --c--globals--colors--white-350: #F7F8F859; + --c--globals--colors--white-400: #F7F8F866; + --c--globals--colors--white-450: #F7F8F873; + --c--globals--colors--white-500: #F7F8F880; + --c--globals--colors--white-550: #F7F8F88C; + --c--globals--colors--white-600: #F7F8F899; + --c--globals--colors--white-650: #F7F8F8A6; + --c--globals--colors--white-700: #F7F8F8B2; + --c--globals--colors--white-750: #F7F8F8BF; + --c--globals--colors--white-800: #F7F8F8CC; + --c--globals--colors--white-850: #F7F8F8D9; + --c--globals--colors--white-900: #F7F8F8E5; + --c--globals--colors--white-950: #F7F8F8F2; + --c--globals--colors--white-975: #F7F8F8F9; --c--globals--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0); --c--globals--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); @@ -553,7 +554,7 @@ describe("Cunningham Bin", () => { --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; - --c--globals--breakpoints--xs: 0; + --c--globals--breakpoints--xs: 0px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; --c--globals--breakpoints--lg: 992px; @@ -637,9 +638,8 @@ describe("Cunningham Bin", () => { --c--contextuals--background--palette--gray--primary: var(--c--globals--colors--gray-500); --c--contextuals--background--palette--gray--secondary: var(--c--globals--colors--gray-350); --c--contextuals--background--palette--gray--tertiary: var(--c--globals--colors--gray-150); - --c--contextuals--background--text--primary: var(--c--globals--colors--black-050); - --c--contextuals--content--logo1: var(--c--globals--colors--logo-1); - --c--contextuals--content--logo2: var(--c--globals--colors--logo-2); + --c--contextuals--content--logo1: var(--c--globals--colors--logo-1-light); + --c--contextuals--content--logo2: var(--c--globals--colors--logo-2-light); --c--contextuals--content--semantic--contextual--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--overlay--primary: var(--c--globals--colors--white-950); --c--contextuals--content--semantic--brand--primary: var(--c--globals--colors--brand-700); @@ -704,10 +704,10 @@ describe("Cunningham Bin", () => { --c--theme--colors--primary: typescript; } .cunningham-theme--dark{ - --c--globals--colors--logo-1: #377FDB; - --c--globals--colors--logo-2: #377FDB; - --c--globals--colors--logo-1-dark: #95ABFF; - --c--globals--colors--logo-2-dark: #95ABFF; + --c--globals--colors--logo-1-light: #377FDB; + --c--globals--colors--logo-2-light: #377FDB; + --c--globals--colors--logo-1-dark: #C1D6F2; + --c--globals--colors--logo-2-dark: #C1D6F2; --c--globals--colors--brand-050: #EAF1FB; --c--globals--colors--brand-100: #D5E4F7; --c--globals--colors--brand-150: #C0D6F4; @@ -996,46 +996,47 @@ describe("Cunningham Bin", () => { --c--globals--colors--pink-850: #332028; --c--globals--colors--pink-900: #24181D; --c--globals--colors--pink-950: #160F12; - --c--globals--colors--black-000: #00000000; - --c--globals--colors--black-050: #0000000D; - --c--globals--colors--black-100: #0000001A; - --c--globals--colors--black-150: #00000026; - --c--globals--colors--black-200: #00000033; - --c--globals--colors--black-250: #00000040; - --c--globals--colors--black-300: #0000004D; - --c--globals--colors--black-350: #00000059; - --c--globals--colors--black-400: #00000066; - --c--globals--colors--black-450: #00000073; - --c--globals--colors--black-500: #00000080; - --c--globals--colors--black-550: #0000008C; - --c--globals--colors--black-600: #00000099; - --c--globals--colors--black-650: #000000A6; - --c--globals--colors--black-700: #000000B3; - --c--globals--colors--black-750: #000000BF; - --c--globals--colors--black-800: #000000CC; - --c--globals--colors--black-850: #000000D9; - --c--globals--colors--black-900: #000000E6; - --c--globals--colors--black-950: #000000F2; - --c--globals--colors--white-000: #FFFFFF; - --c--globals--colors--white-050: #FFFFFF0D; - --c--globals--colors--white-100: #FFFFFF1A; - --c--globals--colors--white-150: #FFFFFF26; - --c--globals--colors--white-200: #FFFFFF33; - --c--globals--colors--white-250: #FFFFFF40; - --c--globals--colors--white-300: #FFFFFF4D; - --c--globals--colors--white-350: #FFFFFF59; - --c--globals--colors--white-400: #FFFFFF66; - --c--globals--colors--white-450: #FFFFFF73; - --c--globals--colors--white-500: #FFFFFF80; - --c--globals--colors--white-550: #FFFFFF8C; - --c--globals--colors--white-600: #FFFFFF99; - --c--globals--colors--white-650: #FFFFFFA6; - --c--globals--colors--white-700: #FFFFFFB3; - --c--globals--colors--white-750: #FFFFFFBF; - --c--globals--colors--white-800: #FFFFFFCC; - --c--globals--colors--white-850: #FFFFFFD9; - --c--globals--colors--white-900: #FFFFFFE6; - --c--globals--colors--white-950: #FFFFFFF2; + --c--globals--colors--black-000: #1B1C1D00; + --c--globals--colors--black-050: #1B1C1D0D; + --c--globals--colors--black-100: #1B1C1D1A; + --c--globals--colors--black-150: #1B1C1D26; + --c--globals--colors--black-200: #1B1C1D33; + --c--globals--colors--black-250: #1B1C1D40; + --c--globals--colors--black-300: #1B1C1D4D; + --c--globals--colors--black-350: #1B1C1D59; + --c--globals--colors--black-400: #1B1C1D66; + --c--globals--colors--black-450: #1B1C1D73; + --c--globals--colors--black-500: #1B1C1D80; + --c--globals--colors--black-550: #1B1C1D8C; + --c--globals--colors--black-600: #1B1C1D99; + --c--globals--colors--black-650: #1B1C1DA6; + --c--globals--colors--black-700: #1B1C1DB2; + --c--globals--colors--black-750: #1B1C1DBF; + --c--globals--colors--black-800: #1B1C1DCC; + --c--globals--colors--black-850: #1B1C1DD9; + --c--globals--colors--black-900: #1B1C1DE5; + --c--globals--colors--black-950: #101112F2; + --c--globals--colors--white-000: #F7F8F800; + --c--globals--colors--white-050: #F7F8F80D; + --c--globals--colors--white-100: #F7F8F81A; + --c--globals--colors--white-150: #F7F8F826; + --c--globals--colors--white-200: #F7F8F833; + --c--globals--colors--white-250: #F7F8F840; + --c--globals--colors--white-300: #F7F8F84D; + --c--globals--colors--white-350: #F7F8F859; + --c--globals--colors--white-400: #F7F8F866; + --c--globals--colors--white-450: #F7F8F873; + --c--globals--colors--white-500: #F7F8F880; + --c--globals--colors--white-550: #F7F8F88C; + --c--globals--colors--white-600: #F7F8F899; + --c--globals--colors--white-650: #F7F8F8A6; + --c--globals--colors--white-700: #F7F8F8B2; + --c--globals--colors--white-750: #F7F8F8BF; + --c--globals--colors--white-800: #F7F8F8CC; + --c--globals--colors--white-850: #F7F8F8D9; + --c--globals--colors--white-900: #F7F8F8E5; + --c--globals--colors--white-950: #F7F8F8F2; + --c--globals--colors--white-975: #F7F8F8F9; --c--globals--transitions--ease-in: cubic-bezier(0.32, 0, 0.67, 0); --c--globals--transitions--ease-out: cubic-bezier(0.33, 1, 0.68, 1); --c--globals--transitions--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); @@ -1093,7 +1094,7 @@ describe("Cunningham Bin", () => { --c--globals--spacings--5xl: 4.5rem; --c--globals--spacings--6xl: 6rem; --c--globals--spacings--7xl: 7.5rem; - --c--globals--breakpoints--xs: 0; + --c--globals--breakpoints--xs: 0px; --c--globals--breakpoints--sm: 576px; --c--globals--breakpoints--md: 768px; --c--globals--breakpoints--lg: 992px; diff --git a/packages/tokens/src/lib/cunningham-tokens.ts b/packages/tokens/src/lib/cunningham-tokens.ts index 19a1923..2c58f97 100644 --- a/packages/tokens/src/lib/cunningham-tokens.ts +++ b/packages/tokens/src/lib/cunningham-tokens.ts @@ -1 +1 @@ -export const tokens = {"themes":{"default":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F7F8F8"},"semantic":{"overlay":{"primary":"#0000000D","primary-hover":"#0000001A"},"contextual":{"primary":"#0000000D","primary-hover":"#0000001A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#E1E2E5","secondary-hover":"#D2D4D8","tertiary":"#F0F1F2","tertiary-hover":"#E1E2E5"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#C8EEA8","secondary-hover":"#AAE579","tertiary":"#E4F7D4","tertiary-hover":"#C8EEA8"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#FFE176","secondary-hover":"#FFCF25","tertiary":"#FFF1BD","tertiary-hover":"#FFE176"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#FADBDB","secondary-hover":"#F7C9C9","tertiary":"#FCEDED","tertiary-hover":"#FADBDB"},"disabled":{"primary":"#E1E2E5","secondary":"#F0F1F2"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}},"text":{"primary":"#0000000D"}},"content":{"logo1":"#377FDB","logo2":"#377FDB","semantic":{"contextual":{"primary":"#FFFFFFF2"},"overlay":{"primary":"#FFFFFFF2"},"brand":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#1167D4","on-brand":"#EAF1FB"},"neutral":{"primary":"#252627","secondary":"#5C5F63","tertiary":"#686B6F","on-neutral":"#F0F1F2"},"info":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#1167D4","on-info":"#EAF1FB"},"success":{"primary":"#344D24","secondary":"#3A6A14","tertiary":"#427816","on-success":"#E4F7D4"},"warning":{"primary":"#524620","secondary":"#745B03","tertiary":"#836703","on-warning":"#FFF1BD"},"error":{"primary":"#802820","secondary":"#C00101","tertiary":"#D80000","on-error":"#FCEDED"},"disabled":{"primary":"#A7ACB2","secondary":"#FFFFFF80"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#E1E2E5"},"semantic":{"contextual":{"primary":"#FFFFFF33"},"overlay":{"primary":"#FFFFFF33"},"brand":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"neutral":{"primary":"#686B6F","secondary":"#A7ACB2","tertiary":"#D2D4D8"},"info":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"success":{"primary":"#427816","secondary":"#6AC024","tertiary":"#AAE579"},"warning":{"primary":"#836703","secondary":"#D3A504","tertiary":"#FFCF25"},"error":{"primary":"#D80000","secondary":"#EF9191","tertiary":"#F7C9C9"},"disabled":{"primary":"#E1E2E5"}}}},"components":{}},"dark":{"globals":{"colors":{"logo-1":"#377FDB","logo-2":"#377FDB","logo-1-dark":"#95ABFF","logo-2-dark":"#95ABFF","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#00000000","black-050":"#0000000D","black-100":"#0000001A","black-150":"#00000026","black-200":"#00000033","black-250":"#00000040","black-300":"#0000004D","black-350":"#00000059","black-400":"#00000066","black-450":"#00000073","black-500":"#00000080","black-550":"#0000008C","black-600":"#00000099","black-650":"#000000A6","black-700":"#000000B3","black-750":"#000000BF","black-800":"#000000CC","black-850":"#000000D9","black-900":"#000000E6","black-950":"#000000F2","white-000":"#FFFFFF","white-050":"#FFFFFF0D","white-100":"#FFFFFF1A","white-150":"#FFFFFF26","white-200":"#FFFFFF33","white-250":"#FFFFFF40","white-300":"#FFFFFF4D","white-350":"#FFFFFF59","white-400":"#FFFFFF66","white-450":"#FFFFFF73","white-500":"#FFFFFF80","white-550":"#FFFFFF8C","white-600":"#FFFFFF99","white-650":"#FFFFFFA6","white-700":"#FFFFFFB3","white-750":"#FFFFFFBF","white-800":"#FFFFFFCC","white-850":"#FFFFFFD9","white-900":"#FFFFFFE6","white-950":"#FFFFFFF2"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":0,"sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"contextual":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"overlay":{"primary":"#FFFFFF0D","primary-hover":"#FFFFFF1A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#95ABFF","logo2":"#95ABFF","semantic":{"contextual":{"primary":"#000000D9"},"overlay":{"primary":"#000000D9"},"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#0000004D"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"contextual":{"primary":"#00000033"},"overlay":{"primary":"#00000033"},"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}}}},"components":{}}}}; +export const tokens = {"themes":{"default":{"globals":{"colors":{"logo-1-light":"#377FDB","logo-2-light":"#377FDB","logo-1-dark":"#C1D6F2","logo-2-dark":"#C1D6F2","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#1B1C1D00","black-050":"#1B1C1D0D","black-100":"#1B1C1D1A","black-150":"#1B1C1D26","black-200":"#1B1C1D33","black-250":"#1B1C1D40","black-300":"#1B1C1D4D","black-350":"#1B1C1D59","black-400":"#1B1C1D66","black-450":"#1B1C1D73","black-500":"#1B1C1D80","black-550":"#1B1C1D8C","black-600":"#1B1C1D99","black-650":"#1B1C1DA6","black-700":"#1B1C1DB2","black-750":"#1B1C1DBF","black-800":"#1B1C1DCC","black-850":"#1B1C1DD9","black-900":"#1B1C1DE5","black-950":"#101112F2","white-000":"#F7F8F800","white-050":"#F7F8F80D","white-100":"#F7F8F81A","white-150":"#F7F8F826","white-200":"#F7F8F833","white-250":"#F7F8F840","white-300":"#F7F8F84D","white-350":"#F7F8F859","white-400":"#F7F8F866","white-450":"#F7F8F873","white-500":"#F7F8F880","white-550":"#F7F8F88C","white-600":"#F7F8F899","white-650":"#F7F8F8A6","white-700":"#F7F8F8B2","white-750":"#F7F8F8BF","white-800":"#F7F8F8CC","white-850":"#F7F8F8D9","white-900":"#F7F8F8E5","white-950":"#F7F8F8F2","white-975":"#F7F8F8F9"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":"0px","sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#FFFFFF","secondary":"#FFFFFF","tertiary":"#F7F8F8"},"semantic":{"overlay":{"primary":"#1B1C1D0D","primary-hover":"#1B1C1D1A"},"contextual":{"primary":"#1B1C1D0D","primary-hover":"#1B1C1D1A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#E1E2E5","secondary-hover":"#D2D4D8","tertiary":"#F0F1F2","tertiary-hover":"#E1E2E5"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#D5E4F7","secondary-hover":"#C0D6F4","tertiary":"#EAF1FB","tertiary-hover":"#D5E4F7"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#C8EEA8","secondary-hover":"#AAE579","tertiary":"#E4F7D4","tertiary-hover":"#C8EEA8"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#FFE176","secondary-hover":"#FFCF25","tertiary":"#FFF1BD","tertiary-hover":"#FFE176"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#FADBDB","secondary-hover":"#F7C9C9","tertiary":"#FCEDED","tertiary-hover":"#FADBDB"},"disabled":{"primary":"#E1E2E5","secondary":"#F0F1F2"}},"palette":{"brand":{"primary":"#2976D8","secondary":"#6CA0E4","tertiary":"#C0D6F4"},"red":{"primary":"#D83F3D","secondary":"#EE7C7B","tertiary":"#F8C9C9"},"orange":{"primary":"#BE5B0F","secondary":"#F27E27","tertiary":"#FACBA8"},"brown":{"primary":"#8F7065","secondary":"#AF9992","tertiary":"#DCD2CF"},"yellow":{"primary":"#93730C","secondary":"#C39810","tertiary":"#F0D275"},"green":{"primary":"#368741","secondary":"#48B257","tertiary":"#A7E3AF"},"blue-1":{"primary":"#3D71E4","secondary":"#6F9BFD","tertiary":"#C2D5FE"},"blue-2":{"primary":"#2C8199","secondary":"#3BAACA","tertiary":"#A7DDED"},"purple":{"primary":"#9B4BF3","secondary":"#BD83FD","tertiary":"#E3CBFE"},"pink":{"primary":"#CD4089","secondary":"#EA77B3","tertiary":"#F7C7E0"},"gray":{"primary":"#74777C","secondary":"#999EA5","tertiary":"#D2D4D8"}}},"content":{"logo1":"#377FDB","logo2":"#377FDB","semantic":{"contextual":{"primary":"#F7F8F8F2"},"overlay":{"primary":"#F7F8F8F2"},"brand":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#1167D4","on-brand":"#EAF1FB"},"neutral":{"primary":"#252627","secondary":"#5C5F63","tertiary":"#686B6F","on-neutral":"#F0F1F2"},"info":{"primary":"#20467F","secondary":"#0659C5","tertiary":"#1167D4","on-info":"#EAF1FB"},"success":{"primary":"#344D24","secondary":"#3A6A14","tertiary":"#427816","on-success":"#E4F7D4"},"warning":{"primary":"#524620","secondary":"#745B03","tertiary":"#836703","on-warning":"#FFF1BD"},"error":{"primary":"#802820","secondary":"#C00101","tertiary":"#D80000","on-error":"#FCEDED"},"disabled":{"primary":"#A7ACB2","secondary":"#F7F8F880"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#E1E2E5"},"semantic":{"contextual":{"primary":"#F7F8F833"},"overlay":{"primary":"#F7F8F833"},"brand":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"neutral":{"primary":"#686B6F","secondary":"#A7ACB2","tertiary":"#D2D4D8"},"info":{"primary":"#1167D4","secondary":"#80AEE8","tertiary":"#C0D6F4"},"success":{"primary":"#427816","secondary":"#6AC024","tertiary":"#AAE579"},"warning":{"primary":"#836703","secondary":"#D3A504","tertiary":"#FFCF25"},"error":{"primary":"#D80000","secondary":"#EF9191","tertiary":"#F7C9C9"},"disabled":{"primary":"#E1E2E5"}}}},"components":{}},"dark":{"globals":{"colors":{"logo-1-light":"#377FDB","logo-2-light":"#377FDB","logo-1-dark":"#C1D6F2","logo-2-dark":"#C1D6F2","brand-050":"#EAF1FB","brand-100":"#D5E4F7","brand-150":"#C0D6F4","brand-200":"#ABC9F0","brand-250":"#96BCEC","brand-300":"#80AEE8","brand-350":"#6CA0E4","brand-400":"#5693E0","brand-450":"#4085DC","brand-500":"#2976D8","brand-550":"#1167D4","brand-600":"#0659C5","brand-650":"#1A509F","brand-700":"#20467F","brand-750":"#203C63","brand-800":"#1D314C","brand-850":"#1A2638","brand-900":"#141C28","brand-950":"#0C1117","gray-000":"#FFFFFF","gray-025":"#F7F8F8","gray-050":"#F0F1F2","gray-100":"#E1E2E5","gray-150":"#D2D4D8","gray-200":"#C4C7CB","gray-250":"#B5B9BE","gray-300":"#A7ACB2","gray-350":"#999EA5","gray-400":"#8D9197","gray-450":"#80848A","gray-500":"#74777C","gray-550":"#686B6F","gray-600":"#5C5F63","gray-650":"#505356","gray-700":"#45474A","gray-750":"#3A3B3E","gray-800":"#2F3033","gray-850":"#252627","gray-900":"#1B1C1D","gray-950":"#101112","gray-1000":"#000000","info-050":"#EAF1FB","info-100":"#D5E4F7","info-150":"#C0D6F4","info-200":"#ABC9F0","info-250":"#96BCEC","info-300":"#80AEE8","info-350":"#6CA0E4","info-400":"#5693E0","info-450":"#4085DC","info-500":"#2976D8","info-550":"#1167D4","info-600":"#0659C5","info-650":"#1A509F","info-700":"#20467F","info-750":"#203C63","info-800":"#1D314C","info-850":"#1A2638","info-900":"#141C28","info-950":"#0C1117","success-050":"#E4F7D4","success-100":"#C8EEA8","success-150":"#AAE579","success-200":"#89DC45","success-250":"#72CF27","success-300":"#6AC024","success-350":"#61B121","success-400":"#59A21E","success-450":"#51941C","success-500":"#4B851A","success-550":"#427816","success-600":"#3A6A14","success-650":"#385C1F","success-700":"#344D24","success-750":"#2E4022","success-800":"#27341F","success-850":"#20281A","success-900":"#181D15","success-950":"#10120E","warning-050":"#FFF1BD","warning-100":"#FFE176","warning-150":"#FFCF25","warning-200":"#F4BF06","warning-250":"#E3B205","warning-300":"#D3A504","warning-350":"#C29805","warning-400":"#B28C03","warning-450":"#A27F03","warning-500":"#937303","warning-550":"#836703","warning-600":"#745B03","warning-650":"#625019","warning-700":"#524620","warning-750":"#443B20","warning-800":"#36301D","warning-850":"#2A2619","warning-900":"#1E1C13","warning-950":"#12110C","error-050":"#FCEDED","error-100":"#FADBDB","error-150":"#F7C9C9","error-200":"#F5B7B7","error-250":"#F2A4A4","error-300":"#EF9191","error-350":"#EC7D7D","error-400":"#E96868","error-450":"#E55050","error-500":"#E13131","error-550":"#D80000","error-600":"#C00101","error-650":"#9E2219","error-700":"#802820","error-750":"#662820","error-800":"#4F231E","error-850":"#3B1D19","error-900":"#2A1614","error-950":"#1A0E0C","red-050":"#FDEDED","red-100":"#FADBDB","red-150":"#F8C9C9","red-200":"#F5B7B6","red-250":"#F3A4A3","red-300":"#F09190","red-350":"#EE7C7B","red-400":"#EB6665","red-450":"#E74E4D","red-500":"#D83F3D","red-550":"#C23837","red-600":"#AC3231","red-650":"#8D3531","red-700":"#73332F","red-750":"#5B2F2B","red-800":"#472826","red-850":"#35211F","red-900":"#251817","red-950":"#160F0E","orange-050":"#FDEEE2","orange-100":"#FCDDC5","orange-150":"#FACBA8","orange-200":"#F8B98B","orange-250":"#F6A76A","orange-300":"#F4934B","orange-350":"#F27E27","orange-400":"#E76E12","orange-450":"#D26411","orange-500":"#BE5B0F","orange-550":"#AA510E","orange-600":"#97480C","orange-650":"#7E431D","orange-700":"#673C22","orange-750":"#533422","orange-800":"#412C1F","orange-850":"#31231B","orange-900":"#221A14","orange-950":"#15100C","brown-050":"#F3F0EF","brown-100":"#E7E1DF","brown-150":"#DCD2CF","brown-200":"#D0C4BF","brown-250":"#C5B6B0","brown-300":"#BAA7A1","brown-350":"#AF9992","brown-400":"#A48B83","brown-450":"#997E74","brown-500":"#8F7065","brown-550":"#846357","brown-600":"#7A5649","brown-650":"#684C42","brown-700":"#57423C","brown-750":"#463833","brown-800":"#382E2A","brown-850":"#2B2422","brown-900":"#1F1B19","brown-950":"#121010","yellow-050":"#FAF0D3","yellow-100":"#F5E2A4","yellow-150":"#F0D275","yellow-200":"#EBC242","yellow-250":"#E4B213","yellow-300":"#D4A511","yellow-350":"#C39810","yellow-400":"#B38B0F","yellow-450":"#A37F0D","yellow-500":"#93730C","yellow-550":"#84670B","yellow-600":"#755B0A","yellow-650":"#63501C","yellow-700":"#534521","yellow-750":"#443A21","yellow-800":"#36301F","yellow-850":"#29261A","yellow-900":"#1D1C14","yellow-950":"#12110C","green-050":"#E2F6E5","green-100":"#C5ECCA","green-150":"#A7E3AF","green-200":"#89D894","green-250":"#67CE75","green-300":"#4DC25D","green-350":"#48B257","green-400":"#41A44F","green-450":"#3B9548","green-500":"#368741","green-550":"#30793A","green-600":"#2B6B33","green-650":"#2F5C34","green-700":"#2E4E31","green-750":"#2A412C","green-800":"#253426","green-850":"#1E281F","green-900":"#171D17","green-950":"#0F120F","blue-1-050":"#EBF1FF","blue-1-100":"#D6E3FE","blue-1-150":"#C2D5FE","blue-1-200":"#ADC7FE","blue-1-250":"#99B8FD","blue-1-300":"#84AAFD","blue-1-350":"#6F9BFD","blue-1-400":"#5A8DFB","blue-1-450":"#437DFC","blue-1-500":"#3D71E4","blue-1-550":"#3665CC","blue-1-600":"#305AB5","blue-1-650":"#315093","blue-1-700":"#2E4675","blue-1-750":"#293B5E","blue-1-800":"#243048","blue-1-850":"#1E2635","blue-1-900":"#171C25","blue-1-950":"#0E1116","blue-2-050":"#E2F4F9","blue-2-100":"#C5E9F3","blue-2-150":"#A7DDED","blue-2-200":"#88D1E6","blue-2-250":"#68C5E0","blue-2-300":"#48B8D9","blue-2-350":"#3BAACA","blue-2-400":"#359CB9","blue-2-450":"#318EA9","blue-2-500":"#2C8199","blue-2-550":"#277389","blue-2-600":"#236679","blue-2-650":"#2A5866","blue-2-700":"#2A4B55","blue-2-750":"#283F47","blue-2-800":"#233337","blue-2-850":"#1D272A","blue-2-900":"#161C1E","blue-2-950":"#0E1112","purple-050":"#F6EEFF","purple-100":"#ECDCFF","purple-150":"#E3CBFE","purple-200":"#DAB9FE","purple-250":"#D0A7FE","purple-300":"#C795FE","purple-350":"#BD83FD","purple-400":"#B36FFD","purple-450":"#A85BFD","purple-500":"#9B4BF3","purple-550":"#8B43DA","purple-600":"#7B3CC1","purple-650":"#673C9B","purple-700":"#56387D","purple-750":"#463162","purple-800":"#382A4A","purple-850":"#2A2237","purple-900":"#1E1926","purple-950":"#121017","pink-050":"#FCEDF5","pink-100":"#F9DAEA","pink-150":"#F7C7E0","pink-200":"#F4B4D5","pink-250":"#F1A1CA","pink-300":"#EE8CBF","pink-350":"#EA77B3","pink-400":"#E760A6","pink-450":"#E24797","pink-500":"#CD4089","pink-550":"#B8397B","pink-600":"#A3336D","pink-650":"#86355E","pink-700":"#6E334F","pink-750":"#582E42","pink-800":"#442834","pink-850":"#332028","pink-900":"#24181D","pink-950":"#160F12","black-000":"#1B1C1D00","black-050":"#1B1C1D0D","black-100":"#1B1C1D1A","black-150":"#1B1C1D26","black-200":"#1B1C1D33","black-250":"#1B1C1D40","black-300":"#1B1C1D4D","black-350":"#1B1C1D59","black-400":"#1B1C1D66","black-450":"#1B1C1D73","black-500":"#1B1C1D80","black-550":"#1B1C1D8C","black-600":"#1B1C1D99","black-650":"#1B1C1DA6","black-700":"#1B1C1DB2","black-750":"#1B1C1DBF","black-800":"#1B1C1DCC","black-850":"#1B1C1DD9","black-900":"#1B1C1DE5","black-950":"#101112F2","white-000":"#F7F8F800","white-050":"#F7F8F80D","white-100":"#F7F8F81A","white-150":"#F7F8F826","white-200":"#F7F8F833","white-250":"#F7F8F840","white-300":"#F7F8F84D","white-350":"#F7F8F859","white-400":"#F7F8F866","white-450":"#F7F8F873","white-500":"#F7F8F880","white-550":"#F7F8F88C","white-600":"#F7F8F899","white-650":"#F7F8F8A6","white-700":"#F7F8F8B2","white-750":"#F7F8F8BF","white-800":"#F7F8F8CC","white-850":"#F7F8F8D9","white-900":"#F7F8F8E5","white-950":"#F7F8F8F2","white-975":"#F7F8F8F9"},"transitions":{"ease-in":"cubic-bezier(0.32, 0, 0.67, 0)","ease-out":"cubic-bezier(0.33, 1, 0.68, 1)","ease-in-out":"cubic-bezier(0.65, 0, 0.35, 1)","duration":"250ms"},"font":{"sizes":{"xs":"0.75rem","sm":"0.875rem","md":"1rem","lg":"1.125rem","ml":"0.938rem","xl":"1.25rem","t":"0.6875rem","s":"0.75rem","h1":"2rem","h2":"1.75rem","h3":"1.5rem","h4":"1.375rem","h5":"1.25rem","h6":"1.125rem","xl-alt":"5rem","lg-alt":"4.5rem","md-alt":"4rem","sm-alt":"3.5rem","xs-alt":"3rem"},"weights":{"thin":200,"light":300,"regular":400,"medium":500,"bold":600,"extrabold":700,"black":800},"families":{"base":"\"Roboto Flex Variable\", sans-serif","accent":"\"Roboto Flex Variable\", sans-serif"}},"spacings":{"l":"3rem","b":"1.625rem","m":"0.8125rem","s":"1rem","t":"0.5rem","st":"0.25rem","4xs":"0.125rem","3xs":"0.25rem","2xs":"0.375rem","xxxs":"0.25rem","xxs":"0.375rem","xs":"0.5rem","sm":"0.75rem","base":"1rem","md":"1.5rem","lg":"2rem","xl":"2.5rem","xxl":"3rem","xxxl":"3.5rem","2xl":"3rem","3xl":"3.5rem","4xl":"4rem","5xl":"4.5rem","6xl":"6rem","7xl":"7.5rem"},"breakpoints":{"xs":"0px","sm":"576px","md":"768px","lg":"992px","xl":"1200px","xxl":"1400px"}},"contextuals":{"background":{"surface":{"primary":"#2F3033","secondary":"#252627","tertiary":"#1B1C1D"},"semantic":{"contextual":{"primary":"#F7F8F80D","primary-hover":"#F7F8F81A"},"overlay":{"primary":"#F7F8F80D","primary-hover":"#F7F8F81A"},"brand":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"neutral":{"primary":"#686B6F","primary-hover":"#505356","secondary":"#45474A","secondary-hover":"#3A3B3E","tertiary":"#3A3B3E","tertiary-hover":"#2F3033"},"info":{"primary":"#1167D4","primary-hover":"#1A509F","secondary":"#20467F","secondary-hover":"#203C63","tertiary":"#203C63","tertiary-hover":"#1D314C"},"success":{"primary":"#427816","primary-hover":"#385C1F","secondary":"#344D24","secondary-hover":"#2E4022","tertiary":"#2E4022","tertiary-hover":"#27341F"},"warning":{"primary":"#836703","primary-hover":"#625019","secondary":"#524620","secondary-hover":"#443B20","tertiary":"#443B20","tertiary-hover":"#36301D"},"error":{"primary":"#D80000","primary-hover":"#9E2219","secondary":"#802820","secondary-hover":"#662820","tertiary":"#662820","tertiary-hover":"#4F231E"},"disabled":{"primary":"#3A3B3E","secondary":"#2F3033"}},"palette":{"brand":{"primary":"#6CA0E4","secondary":"#4085DC","tertiary":"#1167D4"},"red":{"primary":"#EE7C7B","secondary":"#E74E4D","tertiary":"#C23837"},"orange":{"primary":"#F27E27","secondary":"#D26411","tertiary":"#AA510E"},"brown":{"primary":"#AF9992","secondary":"#997E74","tertiary":"#846357"},"yellow":{"primary":"#C39810","secondary":"#A37F0D","tertiary":"#84670B"},"green":{"primary":"#48B257","secondary":"#3B9548","tertiary":"#30793A"},"blue-1":{"primary":"#6F9BFD","secondary":"#437DFC","tertiary":"#3665CC"},"blue-2":{"primary":"#3BAACA","secondary":"#318EA9","tertiary":"#277389"},"purple":{"primary":"#BD83FD","secondary":"#A85BFD","tertiary":"#8B43DA"},"pink":{"primary":"#EA77B3","secondary":"#E24797","tertiary":"#B8397B"},"gray":{"primary":"#999EA5","secondary":"#80848A","tertiary":"#686B6F"}}},"content":{"logo1":"#C1D6F2","logo2":"#C1D6F2","semantic":{"contextual":{"primary":"#1B1C1DD9"},"overlay":{"primary":"#1B1C1DD9"},"brand":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-brand":"#EAF1FB"},"neutral":{"primary":"#F0F1F2","secondary":"#E1E2E5","tertiary":"#B5B9BE","on-neutral":"#F0F1F2"},"info":{"primary":"#EAF1FB","secondary":"#D5E4F7","tertiary":"#96BCEC","on-info":"#EAF1FB"},"success":{"primary":"#E4F7D4","secondary":"#C8EEA8","tertiary":"#72CF27","on-success":"#E4F7D4"},"warning":{"primary":"#FFF1BD","secondary":"#FFE176","tertiary":"#E3B205","on-warning":"#FFF1BD"},"error":{"primary":"#FCEDED","secondary":"#FADBDB","tertiary":"#F2A4A4","on-error":"#FCEDED"},"disabled":{"primary":"#5C5F63","secondary":"#1B1C1D4D"}},"palette":{"brand":{"primary":"#2976D8"},"red":{"primary":"#D83F3D"},"orange":{"primary":"#BE5B0F"},"brown":{"primary":"#8F7065"},"yellow":{"primary":"#93730C"},"green":{"primary":"#368741"},"blue-1":{"primary":"#3D71E4"},"blue-2":{"primary":"#2C8199"},"purple":{"primary":"#9B4BF3"},"pink":{"primary":"#CD4089"},"gray":{"primary":"#74777C"}}},"border":{"surface":{"primary":"#3A3B3E"},"semantic":{"contextual":{"primary":"#1B1C1D33"},"overlay":{"primary":"#1B1C1D33"},"brand":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"neutral":{"primary":"#80848A","secondary":"#5C5F63","tertiary":"#45474A"},"info":{"primary":"#4085DC","secondary":"#0659C5","tertiary":"#20467F"},"success":{"primary":"#51941C","secondary":"#3A6A14","tertiary":"#344D24"},"warning":{"primary":"#A27F03","secondary":"#745B03","tertiary":"#524620"},"error":{"primary":"#E55050","secondary":"#C00101","tertiary":"#802820"},"disabled":{"primary":"#2F3033"}}}},"components":{}}}}; diff --git a/packages/tokens/src/lib/index.spec.ts b/packages/tokens/src/lib/index.spec.ts index 2824ed9..b71833c 100644 --- a/packages/tokens/src/lib/index.spec.ts +++ b/packages/tokens/src/lib/index.spec.ts @@ -1,4 +1,4 @@ -import { buildRefs } from "./index"; +import { buildRefs, getThemesFromGlobals } from "./index"; describe("buildRefs", () => { it("should replace raw values by ref keys", () => { @@ -19,3 +19,49 @@ describe("buildRefs", () => { }); }); }); + +describe("getThemesFromGlobals", () => { + it("should return a theme from a set of globals", () => { + const themes = getThemesFromGlobals({ + colors: { "brand-500": "blue" }, + font: { families: { base: "Comic Sans MS" } }, + }); + + expect(Object.keys(themes)).toEqual(["light", "dark"]); + expect(themes.light.globals.colors["brand-500"]).toEqual("blue"); + expect(themes.dark.globals.colors["brand-500"]).toEqual("blue"); + expect(themes.light.globals.font.families.base).toEqual("Comic Sans MS"); + expect(themes.dark.globals.font.families.base).toEqual("Comic Sans MS"); + expect(themes.light.contextuals).toBeDefined(); + expect(themes.dark.contextuals).toBeDefined(); + }); + + it("should allow to prefix the theme names", () => { + const themes = getThemesFromGlobals({}, { prefix: "custom" }); + + expect(Object.keys(themes)).toEqual(["custom-light", "custom-dark"]); + }); + + it("should allow to get theme for a subset of variants", () => { + const themes = getThemesFromGlobals({}, { variants: ["light"] }); + + expect(Object.keys(themes)).toEqual(["light"]); + }); + + it("should allow to override/extend themes", () => { + const themes = getThemesFromGlobals( + {}, + { + overrides: { + components: { + button: { + "font-family": "Papyrus", + }, + }, + }, + }, + ); + + expect(themes.light.components.button["font-family"]).toEqual("Papyrus"); + }); +}); diff --git a/packages/tokens/src/lib/index.ts b/packages/tokens/src/lib/index.ts index 8f5e75b..5446796 100644 --- a/packages/tokens/src/lib/index.ts +++ b/packages/tokens/src/lib/index.ts @@ -1,4 +1,6 @@ import { tokens } from "./cunningham-tokens"; +import { buildRefs } from "./utils/buildRefs"; +import { getThemesFromGlobals } from "./utils/getThemesFromGlobals"; export type Configuration = typeof tokens; export type DefaultTokens = (typeof tokens)["themes"]["default"]; @@ -6,38 +8,7 @@ export type DefaultTokens = (typeof tokens)["themes"]["default"]; export const defaultTokens = tokens.themes.default; export const defaultThemes = tokens.themes; -/** - * Transform such object: - * { - * theme: { - * colors: { - * "primary-500": "blue" - * } - * } - * } - * - * to: - * { - * theme: { - * colors: { - * "primary-500": "ref(theme.colors.primary-500)" - * } - * } - * } - * @param tokens_ - */ -export const buildRefs = (tokens_: T): T => { - const buildRefsAux = (upperKey: string, subTokens: any) => { - if (typeof subTokens === "object") { - const obj: any = {}; - Object.entries(subTokens).forEach(([key, value]) => { - obj[key] = buildRefsAux((upperKey ? upperKey + "." : "") + key, value); - }); - return obj; - } - return "ref(" + upperKey + ")"; - }; - return buildRefsAux("", tokens_); -}; - export const defaultTokenRefs = buildRefs(defaultTokens); + +export { buildRefs }; +export { getThemesFromGlobals }; diff --git a/packages/tokens/src/lib/utils/buildRefs.ts b/packages/tokens/src/lib/utils/buildRefs.ts new file mode 100644 index 0000000..43b04c8 --- /dev/null +++ b/packages/tokens/src/lib/utils/buildRefs.ts @@ -0,0 +1,33 @@ +/** + * Transform such object: + * { + * theme: { + * colors: { + * "primary-500": "blue" + * } + * } + * } + * + * to: + * { + * theme: { + * colors: { + * "primary-500": "ref(theme.colors.primary-500)" + * } + * } + * } + * @param tokens_ + */ +export const buildRefs = (tokens_: T): T => { + const buildRefsAux = (upperKey: string, subTokens: any) => { + if (typeof subTokens === "object") { + const obj: any = {}; + Object.entries(subTokens).forEach(([key, value]) => { + obj[key] = buildRefsAux((upperKey ? upperKey + "." : "") + key, value); + }); + return obj; + } + return "ref(" + upperKey + ")"; + }; + return buildRefsAux("", tokens_); +}; diff --git a/packages/tokens/src/lib/utils/getThemesFromGlobals.ts b/packages/tokens/src/lib/utils/getThemesFromGlobals.ts new file mode 100644 index 0000000..7873494 --- /dev/null +++ b/packages/tokens/src/lib/utils/getThemesFromGlobals.ts @@ -0,0 +1,61 @@ +// deepmerge is not available as a module, so we need to import it as a commonjs module... +import deepmerge = require("deepmerge"); +import { + contextualDefaultTokens, + contextualDarkTokens, + globals as defaultGlobals, +} from "../cunningham"; + +type GlobalTokens = typeof defaultGlobals; +type PartialExtendableNested = { + [K in keyof T]?: T[K] extends object ? PartialExtendableNested : T[K]; +} & Record; + +const THEME_VARIANTS = ["light", "dark"] as const; +type ThemeVariant = (typeof THEME_VARIANTS)[number]; +const CONTEXTUAL_TOKENS_MAP = { + light: contextualDefaultTokens, + dark: contextualDarkTokens, +}; + +interface Options { + prefix?: string; + variants?: readonly ThemeVariant[]; + overrides?: Record; +} + +/** + * Generates theme objects from global tokens and optional overrides. + * + * @param globals - A partial global tokens object. + * @param options - Additional options for generating themes. + * @param options.prefix - Optional prefix for the theme keys. + * @param options.variants - Theme variants to generate (e.g., ['light', 'dark']). + * @param options.overrides - Optional overrides/extensions to apply to the generated themes. + * @returns An object mapping each theme variant (with optional prefix) to its corresponding tokens. + */ +export const getThemesFromGlobals = ( + globals: PartialExtendableNested = {}, + options: Options = {}, +) => { + const variants = options.variants || THEME_VARIANTS; + + return variants.reduce( + (themes, variant) => { + const variantKey = options.prefix + ? `${options.prefix}-${variant}` + : variant; + + themes[variantKey] = deepmerge( + { + globals, + contextuals: CONTEXTUAL_TOKENS_MAP[variant], + }, + options.overrides || {}, + ); + + return themes; + }, + {} as Record, + ); +};