{"$self":"https://www.designsystems.one/api/tokens","$docs":"https://www.designsystems.one/api/tokens","$generatedBy":"DesignSystems.one Token Generator","$shareUrl":"https://www.designsystems.one/tools/token-generator?p=4f46e5&h=complementary&fb=%27Figtree%27%2C+system-ui%2C+sans-serif&fh=%27Space+Grotesk%27%2C+system-ui%2C+sans-serif&bs=16&tr=minor-third&ss=4&rs=subtle&sh=balanced&nt=6&d=cozy&cm=oklch&v=2","$preset":null,"$presets":"https://www.designsystems.one/api/tokens/presets","tokens":{"meta":{"primaryHex":"#4f46e5","accentHex":"#dce546","harmony":"complementary","fontFamilyBody":"'Figtree', system-ui, sans-serif","fontFamilyHeading":"'Space Grotesk', system-ui, sans-serif","baseSizePx":16,"typeRatio":1.2,"typeRatioName":"minor-third","spacingBasePx":4,"radiusStyle":"subtle","shadowStyle":"balanced","neutralTint":6,"colorMode":"oklch","density":"cozy","motionStyle":"standard","primaryStep":600,"accentStep":200},"colors":{"primary":{"50":"#f9faff","100":"#eef1ff","200":"#d9dfff","300":"#b9c3ff","400":"#8e9aff","500":"#6668ff","600":"#4f46e5","700":"#3d2ec1","800":"#2b1497","900":"#1b006f","950":"#0c0041"},"accent":{"50":"#faffd3","100":"#f0f7a7","200":"#dce546","300":"#c3cc00","400":"#a2a800","500":"#7e8300","600":"#656900","700":"#4f5200","800":"#373a00","900":"#242600","950":"#121300"},"neutral":{"50":"#fafafc","100":"#f1f1f4","200":"#e0e1e6","300":"#c5c7ce","400":"#a2a4ac","500":"#7e8088","600":"#64666d","700":"#4e4f56","800":"#36383d","900":"#232428","950":"#111115"},"success":{"50":"#effff2","100":"#d9fee1","200":"#b5f7c6","300":"#84e7a1","400":"#4dcc7a","500":"#00ab57","600":"#008844","700":"#006a34","800":"#004a22","900":"#003014","950":"#001707"},"warning":{"50":"#fff9f1","100":"#ffecd3","200":"#ffd191","300":"#f2a618","400":"#ca8900","500":"#9f6b00","600":"#805500","700":"#664200","800":"#492f00","900":"#311e00","950":"#1b0f00"},"danger":{"50":"#fff8f7","100":"#ffeeeb","200":"#ffd8d3","300":"#ffb4ab","400":"#ff7b6f","500":"#ea3d38","600":"#c80b18","700":"#9f000d","800":"#720007","900":"#4d0003","950":"#2a0001"},"info":{"50":"#f6fbff","100":"#e8f4ff","200":"#cbe6ff","300":"#9ad0ff","400":"#4ab0ff","500":"#008cdd","600":"#006fb1","700":"#00578c","800":"#003d64","900":"#002743","950":"#001324"}},"colorsOklch":{"primary":{"50":{"l":0.985,"c":0.0414096064620143,"h":276.96563469923444},"100":{"l":0.9600301631599885,"c":0.07361707815469211,"h":276.96563469923444},"200":{"l":0.9100904894799655,"c":0.12652935307837707,"h":276.96563469923444},"300":{"l":0.8301870115919288,"c":0.18404269538673027,"h":276.96563469923444},"400":{"l":0.7203197294958782,"c":0.21855070077174218,"h":276.96563469923444},"500":{"l":0.6004645126638231,"c":0.23005336923341282,"h":276.96563469923444},"600":{"l":0.5105731000397817,"c":0.23005336923341282,"h":276.96563469923444},"700":{"l":0.43043416669680434,"c":0.21394963338707393,"h":276.96563469923444},"800":{"l":0.34027786668595483,"c":0.19094429646373262,"h":276.96563469923444},"900":{"l":0.2601389333429774,"c":0.16103735846338896,"h":276.96563469923444},"950":{"l":0.18,"c":0.12652935307837707,"h":276.96563469923444}},"accent":{"50":{"l":0.985,"c":0.05704592733742326,"h":112.6548684790422},"100":{"l":0.9525058919004009,"c":0.10141498193319692,"h":112.6548684790422},"200":{"l":0.8875176757012029,"c":0.17430700019768222,"h":112.6548684790422},"300":{"l":0.8099814920627149,"c":0.25353745483299234,"h":112.6548684790422},"400":{"l":0.7033692395597938,"c":0.30107572761417833,"h":112.6548684790422},"500":{"l":0.5870649641020618,"c":0.3169218185412404,"h":112.6548684790422},"600":{"l":0.49983675750876283,"c":0.3169218185412404,"h":112.6548684790422},"700":{"l":0.42230057387027486,"c":0.29473729124335357,"h":112.6548684790422},"800":{"l":0.33507236727697587,"c":0.2630451093892295,"h":112.6548684790422},"900":{"l":0.25753618363848796,"c":0.22184527297886825,"h":112.6548684790422},"950":{"l":0.17999999999999994,"c":0.17430700019768222,"h":112.6548684790422}},"neutral":{"50":{"l":0.985,"c":0.00216,"h":276.96563469923444},"100":{"l":0.96,"c":0.00384,"h":276.96563469923444},"200":{"l":0.91,"c":0.006600000000000001,"h":276.96563469923444},"300":{"l":0.83,"c":0.009600000000000001,"h":276.96563469923444},"400":{"l":0.72,"c":0.0114,"h":276.96563469923444},"500":{"l":0.6,"c":0.012,"h":276.96563469923444},"600":{"l":0.51,"c":0.012,"h":276.96563469923444},"700":{"l":0.43,"c":0.011160000000000002,"h":276.96563469923444},"800":{"l":0.34,"c":0.00996,"h":276.96563469923444},"900":{"l":0.26,"c":0.0084,"h":276.96563469923444},"950":{"l":0.18,"c":0.006600000000000001,"h":276.96563469923444}},"success":{"50":{"l":0.9846530162503301,"c":0.02393014535543998,"h":151.19869630506724},"100":{"l":0.9629963178598936,"c":0.054287821171736486,"h":151.68281594224447},"200":{"l":0.9191113364368452,"c":0.09394108461711172,"h":152.23808373996536},"300":{"l":0.849168425755399,"c":0.13597463670652093,"h":152.0148730594714},"400":{"l":0.7547016510152937,"c":0.16258865433122388,"h":151.97621203641046},"500":{"l":0.6491624852596303,"c":0.170786306338559,"h":151.9978046363817},"600":{"l":0.5489273846996774,"c":0.1443074959759511,"h":152.03194503227976},"700":{"l":0.4592716882600745,"c":0.12032440906050137,"h":152.18874949150407},"800":{"l":0.3582987812042295,"c":0.09430451964580926,"h":151.97816333969774},"900":{"l":0.27081615998858166,"c":0.07106199521332372,"h":152.11719306412286},"950":{"l":0.179324480592645,"c":0.04653453834413236,"h":152.63056518603523}},"warning":{"50":{"l":0.9845572195536104,"c":0.01237737747563091,"h":75.36922807530736},"100":{"l":0.951788590215727,"c":0.038852867905742196,"h":74.80301178825277},"200":{"l":0.8862998790413983,"c":0.0960311872847885,"h":75.17886155118431},"300":{"l":0.7798223808218467,"c":0.16004094449929812,"h":74.9746338816804},"400":{"l":0.6786616552739564,"c":0.14293269414053664,"h":75.37754826614432},"500":{"l":0.5683691877856818,"c":0.11967806621413146,"h":75.42747934869988},"600":{"l":0.48467627691709647,"c":0.10219526961097246,"h":75.11525309351757},"700":{"l":0.41042674977825105,"c":0.08696058993016242,"h":74.06238973864293},"800":{"l":0.3283387475588278,"c":0.06906270646225666,"h":75.67533609869095},"900":{"l":0.25322666537642374,"c":0.053350790091576575,"h":75.29678891414126},"950":{"l":0.18058682670842313,"c":0.037847863430014735,"h":76.55139552107075}},"danger":{"50":{"l":0.9842476101454977,"c":0.007627779893999644,"h":27.22731258603076},"100":{"l":0.9617512881243286,"c":0.01894715906645749,"h":29.54544503935086},"200":{"l":0.9137231920001979,"c":0.04431859615590353,"h":26.584369850082354},"300":{"l":0.8383035540644033,"c":0.08908497144778067,"h":26.757495092269124},"400":{"l":0.7339494443864187,"c":0.16314547129811172,"h":27.06250400805928},"500":{"l":0.6206084212074097,"c":0.21025303896258832,"h":27.096451784535436},"600":{"l":0.5267729493314166,"c":0.2105443458962859,"h":27.03010091122424},"700":{"l":0.44181484787460845,"c":0.18014250380883023,"h":27.16939603328727},"800":{"l":0.3472535749975779,"c":0.14151554900760535,"h":26.9934201310032},"900":{"l":0.2643134286991938,"c":0.10773400574732159,"h":27.055025213007966},"950":{"l":0.17928490616880272,"c":0.07304642339253112,"h":26.910272418736138}},"info":{"50":{"l":0.9854593958260341,"c":0.00753426460267299,"h":241.66071260400406},"100":{"l":0.9614204638504188,"c":0.019552542229924284,"h":245.63628886952176},"200":{"l":0.9130780583979942,"c":0.04467796704414619,"h":246.24463390985193},"300":{"l":0.837020404711284,"c":0.08677101700675893,"h":245.36008705271044},"400":{"l":0.7322239222530683,"c":0.1483442886367432,"h":245.37301169517298},"500":{"l":0.6190842929771594,"c":0.15682398179492343,"h":245.30230505066828},"600":{"l":0.5240868302098697,"c":0.1330218710239151,"h":245.395203615923},"700":{"l":0.4417113640152225,"c":0.11175309006776962,"h":245.2433952373543},"800":{"l":0.34789858350382014,"c":0.08760251045289978,"h":245.0183101718336},"900":{"l":0.2638763601275564,"c":0.06698659655890987,"h":245.40251683304865},"950":{"l":0.18031754478879183,"c":0.045177362412674664,"h":244.77723670987422}}},"typography":{"xs":{"rem":"0.6944rem","px":"11.11px","lineHeight":1.5,"tracking":"0"},"sm":{"rem":"0.8333rem","px":"13.33px","lineHeight":1.5,"tracking":"0"},"base":{"rem":"1rem","px":"16px","lineHeight":1.5,"tracking":"0"},"lg":{"rem":"1.2rem","px":"19.2px","lineHeight":1.5,"tracking":"-0.005em"},"xl":{"rem":"1.44rem","px":"23.04px","lineHeight":1.4,"tracking":"-0.010em"},"2xl":{"rem":"1.728rem","px":"27.65px","lineHeight":1.2,"tracking":"-0.015em"},"3xl":{"rem":"2.0736rem","px":"33.18px","lineHeight":1.2,"tracking":"-0.020em"},"4xl":{"rem":"2.4883rem","px":"39.81px","lineHeight":1.2,"tracking":"-0.025em"},"5xl":{"rem":"2.986rem","px":"47.78px","lineHeight":1.2,"tracking":"-0.030em"},"6xl":{"rem":"3.5832rem","px":"57.33px","lineHeight":1.2,"tracking":"-0.030em"}},"spacing":{"0":{"rem":"0","px":"0px"},"1":{"rem":"0.25rem","px":"4px"},"2":{"rem":"0.5rem","px":"8px"},"3":{"rem":"0.75rem","px":"12px"},"4":{"rem":"1rem","px":"16px"},"5":{"rem":"1.25rem","px":"20px"},"6":{"rem":"1.5rem","px":"24px"},"8":{"rem":"2rem","px":"32px"},"10":{"rem":"2.5rem","px":"40px"},"12":{"rem":"3rem","px":"48px"},"16":{"rem":"4rem","px":"64px"},"20":{"rem":"5rem","px":"80px"},"24":{"rem":"6rem","px":"96px"},"32":{"rem":"8rem","px":"128px"},"40":{"rem":"10rem","px":"160px"},"48":{"rem":"12rem","px":"192px"},"56":{"rem":"14rem","px":"224px"},"64":{"rem":"16rem","px":"256px"},"0.5":{"rem":"0.125rem","px":"2px"},"1.5":{"rem":"0.375rem","px":"6px"},"2.5":{"rem":"0.625rem","px":"10px"}},"radius":{"none":"0","sm":"0.125rem","md":"0.25rem","lg":"0.375rem","xl":"0.625rem","2xl":"1rem","3xl":"1.5rem","full":"9999px"},"shadow":{"sm":"0 1px 2px 0 rgba(35, 36, 40, 0.06)","md":"0 4px 6px -1px rgba(35, 36, 40, 0.1), 0 2px 4px -2px rgba(35, 36, 40, 0.06)","lg":"0 10px 15px -3px rgba(35, 36, 40, 0.1), 0 4px 6px -4px rgba(35, 36, 40, 0.06)","xl":"0 20px 25px -5px rgba(35, 36, 40, 0.1), 0 8px 10px -6px rgba(35, 36, 40, 0.06)","2xl":"0 25px 50px -12px rgba(35, 36, 40, 0.25)"},"themes":{"light":{"bg":{"value":"#fafafc","ref":"neutral.50"},"bgSubtle":{"value":"#f1f1f4","ref":"neutral.100"},"bgMuted":{"value":"#e0e1e6","ref":"neutral.200"},"surface":{"value":"#ffffff","ref":null},"surfaceRaised":{"value":"#ffffff","ref":null},"fg":{"value":"#232428","ref":"neutral.900"},"fgMuted":{"value":"#64666d","ref":"neutral.600"},"fgSubtle":{"value":"#7e8088","ref":"neutral.500"},"border":{"value":"#e0e1e6","ref":"neutral.200"},"borderStrong":{"value":"#c5c7ce","ref":"neutral.300"},"ring":{"value":"#6668ff","ref":"primary.500"},"brand":{"value":"#4f46e5","ref":"primary.600"},"brandHover":{"value":"#3d2ec1","ref":"primary.700"},"brandActive":{"value":"#2b1497","ref":"primary.800"},"brandSubtle":{"value":"#f9faff","ref":"primary.50"},"brandFg":{"value":"#ffffff","ref":null},"accent":{"value":"#7e8300","ref":"accent.500"},"accentHover":{"value":"#656900","ref":"accent.600"},"accentSubtle":{"value":"#faffd3","ref":"accent.50"},"accentFg":{"value":"#ffffff","ref":null},"success":{"value":"#008844","ref":"success.600"},"successSubtle":{"value":"#effff2","ref":"success.50"},"successFg":{"value":"#004a22","ref":"success.800"},"warning":{"value":"#805500","ref":"warning.600"},"warningSubtle":{"value":"#fff9f1","ref":"warning.50"},"warningFg":{"value":"#492f00","ref":"warning.800"},"danger":{"value":"#c80b18","ref":"danger.600"},"dangerSubtle":{"value":"#fff8f7","ref":"danger.50"},"dangerFg":{"value":"#720007","ref":"danger.800"},"info":{"value":"#006fb1","ref":"info.600"},"infoSubtle":{"value":"#f6fbff","ref":"info.50"},"infoFg":{"value":"#003d64","ref":"info.800"}},"dark":{"bg":{"value":"#111115","ref":"neutral.950"},"bgSubtle":{"value":"#232428","ref":"neutral.900"},"bgMuted":{"value":"#36383d","ref":"neutral.800"},"surface":{"value":"#232428","ref":"neutral.900"},"surfaceRaised":{"value":"#36383d","ref":"neutral.800"},"fg":{"value":"#fafafc","ref":"neutral.50"},"fgMuted":{"value":"#c5c7ce","ref":"neutral.300"},"fgSubtle":{"value":"#a2a4ac","ref":"neutral.400"},"border":{"value":"#36383d","ref":"neutral.800"},"borderStrong":{"value":"#4e4f56","ref":"neutral.700"},"ring":{"value":"#8e9aff","ref":"primary.400"},"brand":{"value":"#b9c3ff","ref":"primary.300"},"brandHover":{"value":"#d9dfff","ref":"primary.200"},"brandActive":{"value":"#eef1ff","ref":"primary.100"},"brandSubtle":{"value":"#0c0041","ref":"primary.950"},"brandFg":{"value":"#0a0a0a","ref":null},"accent":{"value":"#c3cc00","ref":"accent.300"},"accentHover":{"value":"#dce546","ref":"accent.200"},"accentSubtle":{"value":"#121300","ref":"accent.950"},"accentFg":{"value":"#0a0a0a","ref":null},"success":{"value":"#00ab57","ref":"success.500"},"successSubtle":{"value":"#001707","ref":"success.950"},"successFg":{"value":"#84e7a1","ref":"success.300"},"warning":{"value":"#9f6b00","ref":"warning.500"},"warningSubtle":{"value":"#1b0f00","ref":"warning.950"},"warningFg":{"value":"#f2a618","ref":"warning.300"},"danger":{"value":"#ea3d38","ref":"danger.500"},"dangerSubtle":{"value":"#2a0001","ref":"danger.950"},"dangerFg":{"value":"#ffb4ab","ref":"danger.300"},"info":{"value":"#008cdd","ref":"info.500"},"infoSubtle":{"value":"#001324","ref":"info.950"},"infoFg":{"value":"#9ad0ff","ref":"info.300"}}},"motion":{"style":"standard","duration":{"instant":"50ms","fast":"120ms","base":"200ms","slow":"320ms","slower":"500ms"},"durationMs":{"instant":50,"fast":120,"base":200,"slow":320,"slower":500},"easing":{"standard":"cubic-bezier(0.2, 0, 0, 1)","emphasized":"cubic-bezier(0.3, 0, 0, 1)","decelerate":"cubic-bezier(0, 0, 0, 1)","accelerate":"cubic-bezier(0.3, 0, 1, 1)","linear":"linear"},"easingBezier":{"standard":[0.2,0,0,1],"emphasized":[0.3,0,0,1],"decelerate":[0,0,0,1],"accelerate":[0.3,0,1,1],"linear":[0,0,1,1]}},"chart":{"hues":[277,97,337,157,37,217],"light":["#727cd9","#9c8500","#ba62a5","#1c9e63","#cc6345","#0096b1"],"dark":["#96a2fc","#c2aa3c","#df8ac9","#5ac389","#f08c6e","#12bee0"]},"semantic":{"light":{"bg":{"value":"#fafafc","ref":"neutral.50"},"bg-subtle":{"value":"#f1f1f4","ref":"neutral.100"},"bg-muted":{"value":"#e0e1e6","ref":"neutral.200"},"surface":{"value":"#ffffff","ref":null},"fg":{"value":"#232428","ref":"neutral.900"},"fg-muted":{"value":"#64666d","ref":"neutral.600"},"fg-subtle":{"value":"#7e8088","ref":"neutral.500"},"border":{"value":"#e0e1e6","ref":"neutral.200"},"border-strong":{"value":"#c5c7ce","ref":"neutral.300"},"brand":{"value":"#4f46e5","ref":"primary.600"},"brand-hover":{"value":"#3d2ec1","ref":"primary.700"},"brand-active":{"value":"#2b1497","ref":"primary.800"},"brand-fg":{"value":"#ffffff","ref":null},"brand-subtle":{"value":"#f9faff","ref":"primary.50"},"brand-subtle-fg":{"value":"#2b1497","ref":"primary.800"},"accent":{"value":"#7e8300","ref":"accent.500"},"accent-fg":{"value":"#ffffff","ref":null},"accent-subtle":{"value":"#f0f7a7","ref":"accent.100"},"accent-subtle-fg":{"value":"#373a00","ref":"accent.800"},"ring":{"value":"#6668ff","ref":"primary.500"},"success-bg":{"value":"#effff2","ref":"success.50"},"success-border":{"value":"#b5f7c6","ref":"success.200"},"success-fg":{"value":"#004a22","ref":"success.800"},"success-text":{"value":"#006a34","ref":"success.700"},"success-solid":{"value":"#008844","ref":"success.600"},"warning-bg":{"value":"#fff9f1","ref":"warning.50"},"warning-border":{"value":"#ffd191","ref":"warning.200"},"warning-fg":{"value":"#492f00","ref":"warning.800"},"warning-text":{"value":"#664200","ref":"warning.700"},"warning-solid":{"value":"#805500","ref":"warning.600"},"danger-bg":{"value":"#fff8f7","ref":"danger.50"},"danger-border":{"value":"#ffd8d3","ref":"danger.200"},"danger-fg":{"value":"#720007","ref":"danger.800"},"danger-text":{"value":"#9f000d","ref":"danger.700"},"danger-solid":{"value":"#c80b18","ref":"danger.600"},"info-bg":{"value":"#f6fbff","ref":"info.50"},"info-border":{"value":"#cbe6ff","ref":"info.200"},"info-fg":{"value":"#003d64","ref":"info.800"},"info-text":{"value":"#00578c","ref":"info.700"},"info-solid":{"value":"#006fb1","ref":"info.600"},"chart-1":{"value":"#727cd9","ref":"chart.light.0"},"chart-2":{"value":"#9c8500","ref":"chart.light.1"},"chart-3":{"value":"#ba62a5","ref":"chart.light.2"},"chart-4":{"value":"#1c9e63","ref":"chart.light.3"},"chart-5":{"value":"#cc6345","ref":"chart.light.4"},"chart-6":{"value":"#0096b1","ref":"chart.light.5"}},"dark":{"bg":{"value":"#111115","ref":"neutral.950"},"bg-subtle":{"value":"#232428","ref":"neutral.900"},"bg-muted":{"value":"#36383d","ref":"neutral.800"},"surface":{"value":"#232428","ref":"neutral.900"},"fg":{"value":"#fafafc","ref":"neutral.50"},"fg-muted":{"value":"#c5c7ce","ref":"neutral.300"},"fg-subtle":{"value":"#a2a4ac","ref":"neutral.400"},"border":{"value":"#36383d","ref":"neutral.800"},"border-strong":{"value":"#4e4f56","ref":"neutral.700"},"brand":{"value":"#6668ff","ref":"primary.500"},"brand-hover":{"value":"#8e9aff","ref":"primary.400"},"brand-active":{"value":"#b9c3ff","ref":"primary.300"},"brand-fg":{"value":"#ffffff","ref":null},"brand-subtle":{"value":"#0c0041","ref":"primary.950"},"brand-subtle-fg":{"value":"#d9dfff","ref":"primary.200"},"accent":{"value":"#a2a800","ref":"accent.400"},"accent-fg":{"value":"#ffffff","ref":null},"accent-subtle":{"value":"#242600","ref":"accent.900"},"accent-subtle-fg":{"value":"#dce546","ref":"accent.200"},"ring":{"value":"#8e9aff","ref":"primary.400"},"success-bg":{"value":"#001707","ref":"success.950"},"success-border":{"value":"#004a22","ref":"success.800"},"success-fg":{"value":"#84e7a1","ref":"success.300"},"success-text":{"value":"#4dcc7a","ref":"success.400"},"success-solid":{"value":"#00ab57","ref":"success.500"},"warning-bg":{"value":"#1b0f00","ref":"warning.950"},"warning-border":{"value":"#492f00","ref":"warning.800"},"warning-fg":{"value":"#f2a618","ref":"warning.300"},"warning-text":{"value":"#ca8900","ref":"warning.400"},"warning-solid":{"value":"#9f6b00","ref":"warning.500"},"danger-bg":{"value":"#2a0001","ref":"danger.950"},"danger-border":{"value":"#720007","ref":"danger.800"},"danger-fg":{"value":"#ffb4ab","ref":"danger.300"},"danger-text":{"value":"#ff7b6f","ref":"danger.400"},"danger-solid":{"value":"#ea3d38","ref":"danger.500"},"info-bg":{"value":"#001324","ref":"info.950"},"info-border":{"value":"#003d64","ref":"info.800"},"info-fg":{"value":"#9ad0ff","ref":"info.300"},"info-text":{"value":"#4ab0ff","ref":"info.400"},"info-solid":{"value":"#008cdd","ref":"info.500"},"chart-1":{"value":"#96a2fc","ref":"chart.dark.0"},"chart-2":{"value":"#c2aa3c","ref":"chart.dark.1"},"chart-3":{"value":"#df8ac9","ref":"chart.dark.2"},"chart-4":{"value":"#5ac389","ref":"chart.dark.3"},"chart-5":{"value":"#f08c6e","ref":"chart.dark.4"},"chart-6":{"value":"#12bee0","ref":"chart.dark.5"}}}}}