design-tokens.json 174 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908
  1. {
  2. "@color": {
  3. "$collection_metadata": {
  4. "name": "color",
  5. "figmaId": "VariableCollectionId:1519:3684",
  6. "modes": [
  7. {
  8. "key": "light",
  9. "name": "light"
  10. },
  11. {
  12. "key": "dark",
  13. "name": "dark"
  14. }
  15. ]
  16. },
  17. "$color": {
  18. "$neutral": {
  19. "surface": {
  20. "$type": "color",
  21. "$value": "{@primitives.$color.$sand.100}",
  22. "$description": "",
  23. "$variable_metadata": {
  24. "name": "color/neutral/surface",
  25. "figmaId": "VariableID:1832:9658",
  26. "modes": {
  27. "light": "{@primitives.$color.$sand.100}",
  28. "dark": "{@primitives.$color.$sand.850}"
  29. }
  30. }
  31. },
  32. "$on-dark": {
  33. "surface": {
  34. "$type": "color",
  35. "$value": "{@primitives.$color.$sand.900}",
  36. "$description": "",
  37. "$variable_metadata": {
  38. "name": "color/neutral/on-dark/surface",
  39. "figmaId": "VariableID:4125:3574",
  40. "modes": {
  41. "light": "{@primitives.$color.$sand.900}",
  42. "dark": "{@primitives.$color.$sand.900}"
  43. }
  44. }
  45. },
  46. "surface-hover": {
  47. "$type": "color",
  48. "$value": "{@primitives.$color.$sand.800}",
  49. "$description": "",
  50. "$variable_metadata": {
  51. "name": "color/neutral/on-dark/surface-hover",
  52. "figmaId": "VariableID:4125:3575",
  53. "modes": {
  54. "light": "{@primitives.$color.$sand.800}",
  55. "dark": "{@primitives.$color.$sand.800}"
  56. }
  57. }
  58. },
  59. "surface-active": {
  60. "$type": "color",
  61. "$value": "{@primitives.$color.$sand.900}",
  62. "$description": "",
  63. "$variable_metadata": {
  64. "name": "color/neutral/on-dark/surface-active",
  65. "figmaId": "VariableID:4125:3576",
  66. "modes": {
  67. "light": "{@primitives.$color.$sand.900}",
  68. "dark": "{@primitives.$color.$sand.900}"
  69. }
  70. }
  71. },
  72. "content": {
  73. "$type": "color",
  74. "$value": "{@primitives.$color.$sand.000}",
  75. "$description": "",
  76. "$variable_metadata": {
  77. "name": "color/neutral/on-dark/content",
  78. "figmaId": "VariableID:4125:2218",
  79. "modes": {
  80. "light": "{@primitives.$color.$sand.000}",
  81. "dark": "{@primitives.$color.$sand.100}"
  82. }
  83. }
  84. },
  85. "icon": {
  86. "$type": "color",
  87. "$value": "{@primitives.$color.$sand.000}",
  88. "$description": "",
  89. "$variable_metadata": {
  90. "name": "color/neutral/on-dark/icon",
  91. "figmaId": "VariableID:4174:7982",
  92. "modes": {
  93. "light": "{@primitives.$color.$sand.000}",
  94. "dark": "{@primitives.$color.$sand.000}"
  95. }
  96. }
  97. },
  98. "content-subtle": {
  99. "$type": "color",
  100. "$value": "{@primitives.$color.$sand.300}",
  101. "$description": "",
  102. "$variable_metadata": {
  103. "name": "color/neutral/on-dark/content-subtle",
  104. "figmaId": "VariableID:4125:3571",
  105. "modes": {
  106. "light": "{@primitives.$color.$sand.300}",
  107. "dark": "{@primitives.$color.$sand.300}"
  108. }
  109. }
  110. },
  111. "background": {
  112. "$type": "color",
  113. "$value": "{@primitives.$color.$sand.800}",
  114. "$description": "Use as the default background for more surfaces",
  115. "$variable_metadata": {
  116. "name": "color/neutral/on-dark/background",
  117. "figmaId": "VariableID:4125:3572",
  118. "modes": {
  119. "light": "{@primitives.$color.$sand.800}",
  120. "dark": "{@primitives.$color.$sand.800}"
  121. }
  122. }
  123. },
  124. "background-bold": {
  125. "$type": "color",
  126. "$value": "{@primitives.$color.$sand.900}",
  127. "$description": "",
  128. "$variable_metadata": {
  129. "name": "color/neutral/on-dark/background-bold",
  130. "figmaId": "VariableID:4125:3573",
  131. "modes": {
  132. "light": "{@primitives.$color.$sand.900}",
  133. "dark": "{@primitives.$color.$sand.900}"
  134. }
  135. }
  136. },
  137. "border": {
  138. "$type": "color",
  139. "$value": "{@primitives.$color.$sand.700}",
  140. "$description": "",
  141. "$variable_metadata": {
  142. "name": "color/neutral/on-dark/border",
  143. "figmaId": "VariableID:4125:3577",
  144. "modes": {
  145. "light": "{@primitives.$color.$sand.700}",
  146. "dark": "{@primitives.$color.$sand.700}"
  147. }
  148. }
  149. }
  150. },
  151. "surface-hover": {
  152. "$type": "color",
  153. "$value": "{@primitives.$color.$sand.000}",
  154. "$description": "",
  155. "$variable_metadata": {
  156. "name": "color/neutral/surface-hover",
  157. "figmaId": "VariableID:3015:10193",
  158. "modes": {
  159. "light": "{@primitives.$color.$sand.000}",
  160. "dark": "{@primitives.$color.$sand.800}"
  161. }
  162. }
  163. },
  164. "surface-active": {
  165. "$type": "color",
  166. "$value": "{@primitives.$color.$sand.200}",
  167. "$description": "",
  168. "$variable_metadata": {
  169. "name": "color/neutral/surface-active",
  170. "figmaId": "VariableID:3002:18384",
  171. "modes": {
  172. "light": "{@primitives.$color.$sand.200}",
  173. "dark": "{@primitives.$color.$sand.900}"
  174. }
  175. }
  176. },
  177. "surface-inset": {
  178. "$type": "color",
  179. "$value": "{@primitives.$color.$sand.200}",
  180. "$description": "",
  181. "$variable_metadata": {
  182. "name": "color/neutral/surface-inset",
  183. "figmaId": "VariableID:3415:32346",
  184. "modes": {
  185. "light": "{@primitives.$color.$sand.200}",
  186. "dark": "{@primitives.$color.$sand.950}"
  187. }
  188. }
  189. },
  190. "content": {
  191. "$type": "color",
  192. "$value": "{@primitives.$color.$sand.800}",
  193. "$description": "",
  194. "$variable_metadata": {
  195. "name": "color/neutral/content",
  196. "figmaId": "VariableID:1733:4970",
  197. "modes": {
  198. "light": "{@primitives.$color.$sand.800}",
  199. "dark": "{@primitives.$color.$sand.100}"
  200. }
  201. }
  202. },
  203. "content-subtle": {
  204. "$type": "color",
  205. "$value": "{@primitives.$color.$sand.700}",
  206. "$description": "",
  207. "$variable_metadata": {
  208. "name": "color/neutral/content-subtle",
  209. "figmaId": "VariableID:2525:27342",
  210. "modes": {
  211. "light": "{@primitives.$color.$sand.700}",
  212. "dark": "{@primitives.$color.$sand.400}"
  213. }
  214. }
  215. },
  216. "content-subtler": {
  217. "$type": "color",
  218. "$value": "{@primitives.$color.$sand.600}",
  219. "$description": "",
  220. "$variable_metadata": {
  221. "name": "color/neutral/content-subtler",
  222. "figmaId": "VariableID:1741:4787",
  223. "modes": {
  224. "light": "{@primitives.$color.$sand.600}",
  225. "dark": "{@primitives.$color.$sand.500}"
  226. }
  227. }
  228. },
  229. "content-subtlest": {
  230. "$type": "color",
  231. "$value": "{@primitives.$color.$sand.500}",
  232. "$description": "",
  233. "$variable_metadata": {
  234. "name": "color/neutral/content-subtlest",
  235. "figmaId": "VariableID:1868:15557",
  236. "modes": {
  237. "light": "{@primitives.$color.$sand.500}",
  238. "dark": "{@primitives.$color.$sand.600}"
  239. }
  240. }
  241. },
  242. "icon": {
  243. "$type": "color",
  244. "$value": "{@primitives.$color.$sand.700}",
  245. "$description": "",
  246. "$variable_metadata": {
  247. "name": "color/neutral/icon",
  248. "figmaId": "VariableID:3368:5642",
  249. "modes": {
  250. "light": "{@primitives.$color.$sand.700}",
  251. "dark": "{@primitives.$color.$sand.100}"
  252. }
  253. }
  254. },
  255. "background": {
  256. "$type": "color",
  257. "$value": "{@primitives.$color.$sand.000}",
  258. "$description": "Use as the default background for more surfaces",
  259. "$variable_metadata": {
  260. "name": "color/neutral/background",
  261. "figmaId": "VariableID:1645:8289",
  262. "modes": {
  263. "light": "{@primitives.$color.$sand.000}",
  264. "dark": "{@primitives.$color.$sand.800}"
  265. }
  266. }
  267. },
  268. "background-bold": {
  269. "$type": "color",
  270. "$value": "{@primitives.$color.$sand.000}",
  271. "$description": "",
  272. "$variable_metadata": {
  273. "name": "color/neutral/background-bold",
  274. "figmaId": "VariableID:3374:2151",
  275. "modes": {
  276. "light": "{@primitives.$color.$sand.000}",
  277. "dark": "{@primitives.$color.$sand.900}"
  278. }
  279. }
  280. },
  281. "emphasis": {
  282. "$type": "color",
  283. "$value": "{@primitives.$color.$sand.200}",
  284. "$description": "",
  285. "$variable_metadata": {
  286. "name": "color/neutral/emphasis",
  287. "figmaId": "VariableID:1932:781",
  288. "modes": {
  289. "light": "{@primitives.$color.$sand.200}",
  290. "dark": "{@primitives.$color.$sand.900}"
  291. }
  292. }
  293. },
  294. "emphasis-subtle": {
  295. "$type": "color",
  296. "$value": "{@primitives.$color.$sand.100}",
  297. "$description": "",
  298. "$variable_metadata": {
  299. "name": "color/neutral/emphasis-subtle",
  300. "figmaId": "VariableID:1932:780",
  301. "modes": {
  302. "light": "{@primitives.$color.$sand.100}",
  303. "dark": "{@primitives.$color.$sand.850}"
  304. }
  305. }
  306. },
  307. "border": {
  308. "$type": "color",
  309. "$value": "{@primitives.$color.$sand.300}",
  310. "$description": "",
  311. "$variable_metadata": {
  312. "name": "color/neutral/border",
  313. "figmaId": "VariableID:1534:4321",
  314. "modes": {
  315. "light": "{@primitives.$color.$sand.300}",
  316. "dark": "{@primitives.$color.$sand.700}"
  317. }
  318. }
  319. },
  320. "border-subtle": {
  321. "$type": "color",
  322. "$value": "{@primitives.$color.$sand.300}",
  323. "$description": "",
  324. "$variable_metadata": {
  325. "name": "color/neutral/border-subtle",
  326. "figmaId": "VariableID:1534:4320",
  327. "modes": {
  328. "light": "{@primitives.$color.$sand.300}",
  329. "dark": "{@primitives.$color.$sand.800}"
  330. }
  331. }
  332. },
  333. "border-subtler": {
  334. "$type": "color",
  335. "$value": "{@primitives.$color.$sand.200}",
  336. "$description": "",
  337. "$variable_metadata": {
  338. "name": "color/neutral/border-subtler",
  339. "figmaId": "VariableID:1534:4318",
  340. "modes": {
  341. "light": "{@primitives.$color.$sand.200}",
  342. "dark": "{@primitives.$color.$sand.850}"
  343. }
  344. }
  345. },
  346. "border-bold": {
  347. "$type": "color",
  348. "$value": "{@primitives.$color.$sand.400}",
  349. "$description": "",
  350. "$variable_metadata": {
  351. "name": "color/neutral/border-bold",
  352. "figmaId": "VariableID:1867:15359",
  353. "modes": {
  354. "light": "{@primitives.$color.$sand.400}",
  355. "dark": "{@primitives.$color.$sand.600}"
  356. }
  357. }
  358. },
  359. "border-bolder": {
  360. "$type": "color",
  361. "$value": "{@primitives.$color.$sand.500}",
  362. "$description": "",
  363. "$variable_metadata": {
  364. "name": "color/neutral/border-bolder",
  365. "figmaId": "VariableID:3002:18453",
  366. "modes": {
  367. "light": "{@primitives.$color.$sand.500}",
  368. "dark": "{@primitives.$color.$sand.500}"
  369. }
  370. }
  371. },
  372. "border-boldest": {
  373. "$type": "color",
  374. "$value": "{@primitives.$color.$sand.600}",
  375. "$description": "",
  376. "$variable_metadata": {
  377. "name": "color/neutral/border-boldest",
  378. "figmaId": "VariableID:3002:18454",
  379. "modes": {
  380. "light": "{@primitives.$color.$sand.600}",
  381. "dark": "{@primitives.$color.$sand.400}"
  382. }
  383. }
  384. },
  385. "shadow": {
  386. "$type": "color",
  387. "$value": "{@primitives.$color.$sand.900}",
  388. "$description": "",
  389. "$variable_metadata": {
  390. "name": "color/neutral/shadow",
  391. "figmaId": "VariableID:3341:44786",
  392. "modes": {
  393. "light": "{@primitives.$color.$sand.900}",
  394. "dark": "{@primitives.$color.$sand.950}"
  395. }
  396. }
  397. }
  398. },
  399. "$neutral-inverted": {
  400. "surface": {
  401. "$type": "color",
  402. "$value": "{@primitives.$color.$sand.900}",
  403. "$description": "",
  404. "$variable_metadata": {
  405. "name": "color/neutral-inverted/surface",
  406. "figmaId": "VariableID:1617:3689",
  407. "modes": {
  408. "light": "{@primitives.$color.$sand.900}",
  409. "dark": "{@primitives.$color.$sand.200}"
  410. }
  411. }
  412. },
  413. "surface-hover": {
  414. "$type": "color",
  415. "$value": "{@primitives.$color.$sand.800}",
  416. "$description": "",
  417. "$variable_metadata": {
  418. "name": "color/neutral-inverted/surface-hover",
  419. "figmaId": "VariableID:1870:17749",
  420. "modes": {
  421. "light": "{@primitives.$color.$sand.800}",
  422. "dark": "{@primitives.$color.$sand.100}"
  423. }
  424. }
  425. },
  426. "surface-active": {
  427. "$type": "color",
  428. "$value": "{@primitives.$color.$sand.700}",
  429. "$description": "",
  430. "$variable_metadata": {
  431. "name": "color/neutral-inverted/surface-active",
  432. "figmaId": "VariableID:1870:17750",
  433. "modes": {
  434. "light": "{@primitives.$color.$sand.700}",
  435. "dark": "{@primitives.$color.$sand.300}"
  436. }
  437. }
  438. },
  439. "content": {
  440. "$type": "color",
  441. "$value": "{@primitives.$color.$sand.100}",
  442. "$description": "",
  443. "$variable_metadata": {
  444. "name": "color/neutral-inverted/content",
  445. "figmaId": "VariableID:1870:17748",
  446. "modes": {
  447. "light": "{@primitives.$color.$sand.100}",
  448. "dark": "{@primitives.$color.$sand.800}"
  449. }
  450. }
  451. },
  452. "icon": {
  453. "$type": "color",
  454. "$value": "{@primitives.$color.$sand.100}",
  455. "$description": "",
  456. "$variable_metadata": {
  457. "name": "color/neutral-inverted/icon",
  458. "figmaId": "VariableID:3450:17025",
  459. "modes": {
  460. "light": "{@primitives.$color.$sand.100}",
  461. "dark": "{@primitives.$color.$sand.800}"
  462. }
  463. }
  464. },
  465. "content-subtle": {
  466. "$type": "color",
  467. "$value": "{@primitives.$color.$sand.400}",
  468. "$description": "",
  469. "$variable_metadata": {
  470. "name": "color/neutral-inverted/content-subtle",
  471. "figmaId": "VariableID:1617:3690",
  472. "modes": {
  473. "light": "{@primitives.$color.$sand.400}",
  474. "dark": "{@primitives.$color.$sand.500}"
  475. }
  476. }
  477. },
  478. "content-subtler": {
  479. "$type": "color",
  480. "$value": "{@primitives.$color.$sand.300}",
  481. "$description": "",
  482. "$variable_metadata": {
  483. "name": "color/neutral-inverted/content-subtler",
  484. "figmaId": "VariableID:1870:17752",
  485. "modes": {
  486. "light": "{@primitives.$color.$sand.300}",
  487. "dark": "{@primitives.$color.$sand.600}"
  488. }
  489. }
  490. },
  491. "content-subtlest": {
  492. "$type": "color",
  493. "$value": "{@primitives.$color.$sand.500}",
  494. "$description": "",
  495. "$variable_metadata": {
  496. "name": "color/neutral-inverted/content-subtlest",
  497. "figmaId": "VariableID:1870:17753",
  498. "modes": {
  499. "light": "{@primitives.$color.$sand.500}",
  500. "dark": "{@primitives.$color.$sand.700}"
  501. }
  502. }
  503. },
  504. "background": {
  505. "$type": "color",
  506. "$value": "{@primitives.$color.$sand.900}",
  507. "$description": "",
  508. "$variable_metadata": {
  509. "name": "color/neutral-inverted/background",
  510. "figmaId": "VariableID:1871:17754",
  511. "modes": {
  512. "light": "{@primitives.$color.$sand.900}",
  513. "dark": "{@primitives.$color.$sand.000}"
  514. }
  515. }
  516. },
  517. "border": {
  518. "$type": "color",
  519. "$value": "{@primitives.$color.$sand.800}",
  520. "$description": "",
  521. "$variable_metadata": {
  522. "name": "color/neutral-inverted/border",
  523. "figmaId": "VariableID:1870:17751",
  524. "modes": {
  525. "light": "{@primitives.$color.$sand.800}",
  526. "dark": "{@primitives.$color.$sand.300}"
  527. }
  528. }
  529. }
  530. },
  531. "$primary": {
  532. "surface": {
  533. "$type": "color",
  534. "$value": "{@primitives.$color.$grape.700}",
  535. "$description": "",
  536. "$variable_metadata": {
  537. "name": "color/primary/surface",
  538. "figmaId": "VariableID:1519:3685",
  539. "modes": {
  540. "light": "{@primitives.$color.$grape.700}",
  541. "dark": "{@primitives.$color.$grape.600}"
  542. }
  543. }
  544. },
  545. "surface-hover": {
  546. "$type": "color",
  547. "$value": "{@primitives.$color.$grape.600}",
  548. "$description": "",
  549. "$variable_metadata": {
  550. "name": "color/primary/surface-hover",
  551. "figmaId": "VariableID:1732:4657",
  552. "modes": {
  553. "light": "{@primitives.$color.$grape.600}",
  554. "dark": "{@primitives.$color.$grape.500}"
  555. }
  556. }
  557. },
  558. "surface-active": {
  559. "$type": "color",
  560. "$value": "{@primitives.$color.$grape.800}",
  561. "$description": "",
  562. "$variable_metadata": {
  563. "name": "color/primary/surface-active",
  564. "figmaId": "VariableID:1732:4656",
  565. "modes": {
  566. "light": "{@primitives.$color.$grape.800}",
  567. "dark": "{@primitives.$color.$grape.700}"
  568. }
  569. }
  570. },
  571. "surface-content": {
  572. "$type": "color",
  573. "$value": "{@primitives.$color.$grape.000}",
  574. "$description": "",
  575. "$variable_metadata": {
  576. "name": "color/primary/surface-content",
  577. "figmaId": "VariableID:1519:3688",
  578. "modes": {
  579. "light": "{@primitives.$color.$grape.000}",
  580. "dark": "{@primitives.$color.$grape.000}"
  581. }
  582. }
  583. },
  584. "surface-content-subtle": {
  585. "$type": "color",
  586. "$value": "{@primitives.$color.$grape.100}",
  587. "$description": "",
  588. "$variable_metadata": {
  589. "name": "color/primary/surface-content-subtle",
  590. "figmaId": "VariableID:2525:25950",
  591. "modes": {
  592. "light": "{@primitives.$color.$grape.100}",
  593. "dark": "{@primitives.$color.$grape.300}"
  594. }
  595. }
  596. },
  597. "surface-icon": {
  598. "$type": "color",
  599. "$value": "{@primitives.$color.$grape.100}",
  600. "$description": "",
  601. "$variable_metadata": {
  602. "name": "color/primary/surface-icon",
  603. "figmaId": "VariableID:3368:5641",
  604. "modes": {
  605. "light": "{@primitives.$color.$grape.100}",
  606. "dark": "{@primitives.$color.$grape.100}"
  607. }
  608. }
  609. },
  610. "content": {
  611. "$type": "color",
  612. "$value": "{@primitives.$color.$grape.700}",
  613. "$description": "",
  614. "$variable_metadata": {
  615. "name": "color/primary/content",
  616. "figmaId": "VariableID:1525:3724",
  617. "modes": {
  618. "light": "{@primitives.$color.$grape.700}",
  619. "dark": "{@primitives.$color.$grape.400}"
  620. }
  621. }
  622. },
  623. "content-hover": {
  624. "$type": "color",
  625. "$value": "{@primitives.$color.$grape.400}",
  626. "$description": "",
  627. "$variable_metadata": {
  628. "name": "color/primary/content-hover",
  629. "figmaId": "VariableID:3420:32388",
  630. "modes": {
  631. "light": "{@primitives.$color.$grape.400}",
  632. "dark": "{@primitives.$color.$grape.300}"
  633. }
  634. }
  635. },
  636. "content-subtle": {
  637. "$type": "color",
  638. "$value": "{@primitives.$color.$grape.500}",
  639. "$description": "",
  640. "$variable_metadata": {
  641. "name": "color/primary/content-subtle",
  642. "figmaId": "VariableID:2525:26031",
  643. "modes": {
  644. "light": "{@primitives.$color.$grape.500}",
  645. "dark": "{@primitives.$color.$grape.600}"
  646. }
  647. }
  648. },
  649. "icon": {
  650. "$type": "color",
  651. "$value": "{@primitives.$color.$grape.500}",
  652. "$description": "",
  653. "$variable_metadata": {
  654. "name": "color/primary/icon",
  655. "figmaId": "VariableID:3367:1056",
  656. "modes": {
  657. "light": "{@primitives.$color.$grape.500}",
  658. "dark": "{@primitives.$color.$grape.400}"
  659. }
  660. }
  661. },
  662. "background": {
  663. "$type": "color",
  664. "$value": "{@primitives.$color.$grape.000}",
  665. "$description": "",
  666. "$variable_metadata": {
  667. "name": "color/primary/background",
  668. "figmaId": "VariableID:1525:3723",
  669. "modes": {
  670. "light": "{@primitives.$color.$grape.000}",
  671. "dark": "{@primitives.$color.$grape.950}"
  672. }
  673. }
  674. },
  675. "emphasis": {
  676. "$type": "color",
  677. "$value": "{@primitives.$color.$grape.100}",
  678. "$description": "",
  679. "$variable_metadata": {
  680. "name": "color/primary/emphasis",
  681. "figmaId": "VariableID:1846:12052",
  682. "modes": {
  683. "light": "{@primitives.$color.$grape.100}",
  684. "dark": "{@primitives.$color.$grape.800}"
  685. }
  686. }
  687. },
  688. "emphasis-subtle": {
  689. "$type": "color",
  690. "$value": "{@primitives.$color.$grape.000}",
  691. "$description": "",
  692. "$variable_metadata": {
  693. "name": "color/primary/emphasis-subtle",
  694. "figmaId": "VariableID:1846:12053",
  695. "modes": {
  696. "light": "{@primitives.$color.$grape.000}",
  697. "dark": "{@primitives.$color.$grape.900}"
  698. }
  699. }
  700. },
  701. "border": {
  702. "$type": "color",
  703. "$value": "{@primitives.$color.$grape.700}",
  704. "$description": "",
  705. "$variable_metadata": {
  706. "name": "color/primary/border",
  707. "figmaId": "VariableID:1741:584",
  708. "modes": {
  709. "light": "{@primitives.$color.$grape.700}",
  710. "dark": "{@primitives.$color.$grape.600}"
  711. }
  712. }
  713. },
  714. "border-subtle": {
  715. "$type": "color",
  716. "$value": "{@primitives.$color.$grape.500}",
  717. "$description": "",
  718. "$variable_metadata": {
  719. "name": "color/primary/border-subtle",
  720. "figmaId": "VariableID:2525:26012",
  721. "modes": {
  722. "light": "{@primitives.$color.$grape.500}",
  723. "dark": "{@primitives.$color.$grape.700}"
  724. }
  725. }
  726. },
  727. "border-subtler": {
  728. "$type": "color",
  729. "$value": "{@primitives.$color.$grape.300}",
  730. "$description": "",
  731. "$variable_metadata": {
  732. "name": "color/primary/border-subtler",
  733. "figmaId": "VariableID:1534:4317",
  734. "modes": {
  735. "light": "{@primitives.$color.$grape.300}",
  736. "dark": "{@primitives.$color.$grape.800}"
  737. }
  738. }
  739. },
  740. "border-subtlest": {
  741. "$type": "color",
  742. "$value": "{@primitives.$color.$grape.200}",
  743. "$description": "",
  744. "$variable_metadata": {
  745. "name": "color/primary/border-subtlest",
  746. "figmaId": "VariableID:2525:26108",
  747. "modes": {
  748. "light": "{@primitives.$color.$grape.200}",
  749. "dark": "{@primitives.$color.$grape.900}"
  750. }
  751. }
  752. },
  753. "border-bold": {
  754. "$type": "color",
  755. "$value": "{@primitives.$color.$grape.800}",
  756. "$description": "",
  757. "$variable_metadata": {
  758. "name": "color/primary/border-bold",
  759. "figmaId": "VariableID:2959:5067",
  760. "modes": {
  761. "light": "{@primitives.$color.$grape.800}",
  762. "dark": "{@primitives.$color.$grape.400}"
  763. }
  764. }
  765. },
  766. "focus-outline": {
  767. "$type": "color",
  768. "$value": "{@primitives.$color.$grape.100}",
  769. "$description": "",
  770. "$variable_metadata": {
  771. "name": "color/primary/focus-outline",
  772. "figmaId": "VariableID:1732:4211",
  773. "modes": {
  774. "light": "{@primitives.$color.$grape.100}",
  775. "dark": "{@primitives.$color.$grape.700}"
  776. }
  777. }
  778. },
  779. "shadow": {
  780. "$type": "color",
  781. "$value": "{@primitives.$color.$grape.900}",
  782. "$description": "",
  783. "$variable_metadata": {
  784. "name": "color/primary/shadow",
  785. "figmaId": "VariableID:3366:2236",
  786. "modes": {
  787. "light": "{@primitives.$color.$grape.900}",
  788. "dark": "{@primitives.$color.$grape.950}"
  789. }
  790. }
  791. }
  792. },
  793. "$negative": {
  794. "surface": {
  795. "$type": "color",
  796. "$value": "{@primitives.$color.$persimmon.600}",
  797. "$description": "",
  798. "$variable_metadata": {
  799. "name": "color/negative/surface",
  800. "figmaId": "VariableID:1525:3719",
  801. "modes": {
  802. "light": "{@primitives.$color.$persimmon.600}",
  803. "dark": "{@primitives.$color.$persimmon.600}"
  804. }
  805. }
  806. },
  807. "surface-hover": {
  808. "$type": "color",
  809. "$value": "{@primitives.$color.$persimmon.500}",
  810. "$description": "",
  811. "$variable_metadata": {
  812. "name": "color/negative/surface-hover",
  813. "figmaId": "VariableID:1732:4660",
  814. "modes": {
  815. "light": "{@primitives.$color.$persimmon.500}",
  816. "dark": "{@primitives.$color.$persimmon.500}"
  817. }
  818. }
  819. },
  820. "surface-active": {
  821. "$type": "color",
  822. "$value": "{@primitives.$color.$persimmon.800}",
  823. "$description": "",
  824. "$variable_metadata": {
  825. "name": "color/negative/surface-active",
  826. "figmaId": "VariableID:1732:4659",
  827. "modes": {
  828. "light": "{@primitives.$color.$persimmon.800}",
  829. "dark": "{@primitives.$color.$persimmon.700}"
  830. }
  831. }
  832. },
  833. "surface-content": {
  834. "$type": "color",
  835. "$value": "{@primitives.$color.$persimmon.000}",
  836. "$description": "",
  837. "$variable_metadata": {
  838. "name": "color/negative/surface-content",
  839. "figmaId": "VariableID:1525:3720",
  840. "modes": {
  841. "light": "{@primitives.$color.$persimmon.000}",
  842. "dark": "{@primitives.$color.$persimmon.000}"
  843. }
  844. }
  845. },
  846. "surface-content-subtle": {
  847. "$type": "color",
  848. "$value": "{@primitives.$color.$persimmon.100}",
  849. "$description": "",
  850. "$variable_metadata": {
  851. "name": "color/negative/surface-content-subtle",
  852. "figmaId": "VariableID:3367:1057",
  853. "modes": {
  854. "light": "{@primitives.$color.$persimmon.100}",
  855. "dark": "{@primitives.$color.$persimmon.300}"
  856. }
  857. }
  858. },
  859. "surface-icon": {
  860. "$type": "color",
  861. "$value": "{@primitives.$color.$persimmon.100}",
  862. "$description": "",
  863. "$variable_metadata": {
  864. "name": "color/negative/surface-icon",
  865. "figmaId": "VariableID:3368:5640",
  866. "modes": {
  867. "light": "{@primitives.$color.$persimmon.100}",
  868. "dark": "{@primitives.$color.$persimmon.100}"
  869. }
  870. }
  871. },
  872. "content": {
  873. "$type": "color",
  874. "$value": "{@primitives.$color.$persimmon.700}",
  875. "$description": "",
  876. "$variable_metadata": {
  877. "name": "color/negative/content",
  878. "figmaId": "VariableID:1525:3722",
  879. "modes": {
  880. "light": "{@primitives.$color.$persimmon.700}",
  881. "dark": "{@primitives.$color.$persimmon.400}"
  882. }
  883. }
  884. },
  885. "content-hover": {
  886. "$type": "color",
  887. "$value": "{@primitives.$color.$persimmon.500}",
  888. "$description": "",
  889. "$variable_metadata": {
  890. "name": "color/negative/content-hover",
  891. "figmaId": "VariableID:3420:32389",
  892. "modes": {
  893. "light": "{@primitives.$color.$persimmon.500}",
  894. "dark": "{@primitives.$color.$persimmon.300}"
  895. }
  896. }
  897. },
  898. "content-subtle": {
  899. "$type": "color",
  900. "$value": "{@primitives.$color.$persimmon.500}",
  901. "$description": "",
  902. "$variable_metadata": {
  903. "name": "color/negative/content-subtle",
  904. "figmaId": "VariableID:2525:26030",
  905. "modes": {
  906. "light": "{@primitives.$color.$persimmon.500}",
  907. "dark": "{@primitives.$color.$persimmon.700}"
  908. }
  909. }
  910. },
  911. "icon": {
  912. "$type": "color",
  913. "$value": "{@primitives.$color.$persimmon.500}",
  914. "$description": "",
  915. "$variable_metadata": {
  916. "name": "color/negative/icon",
  917. "figmaId": "VariableID:3368:5634",
  918. "modes": {
  919. "light": "{@primitives.$color.$persimmon.500}",
  920. "dark": "{@primitives.$color.$persimmon.400}"
  921. }
  922. }
  923. },
  924. "background": {
  925. "$type": "color",
  926. "$value": "{@primitives.$color.$persimmon.000}",
  927. "$description": "",
  928. "$variable_metadata": {
  929. "name": "color/negative/background",
  930. "figmaId": "VariableID:1525:3721",
  931. "modes": {
  932. "light": "{@primitives.$color.$persimmon.000}",
  933. "dark": "{@primitives.$color.$persimmon.950}"
  934. }
  935. }
  936. },
  937. "emphasis": {
  938. "$type": "color",
  939. "$value": "{@primitives.$color.$persimmon.100}",
  940. "$description": "",
  941. "$variable_metadata": {
  942. "name": "color/negative/emphasis",
  943. "figmaId": "VariableID:1847:12054",
  944. "modes": {
  945. "light": "{@primitives.$color.$persimmon.100}",
  946. "dark": "{@primitives.$color.$persimmon.800}"
  947. }
  948. }
  949. },
  950. "emphasis-subtle": {
  951. "$type": "color",
  952. "$value": "{@primitives.$color.$persimmon.000}",
  953. "$description": "",
  954. "$variable_metadata": {
  955. "name": "color/negative/emphasis-subtle",
  956. "figmaId": "VariableID:1847:12055",
  957. "modes": {
  958. "light": "{@primitives.$color.$persimmon.000}",
  959. "dark": "{@primitives.$color.$persimmon.900}"
  960. }
  961. }
  962. },
  963. "border": {
  964. "$type": "color",
  965. "$value": "{@primitives.$color.$persimmon.700}",
  966. "$description": "",
  967. "$variable_metadata": {
  968. "name": "color/negative/border",
  969. "figmaId": "VariableID:1828:7016",
  970. "modes": {
  971. "light": "{@primitives.$color.$persimmon.700}",
  972. "dark": "{@primitives.$color.$persimmon.600}"
  973. }
  974. }
  975. },
  976. "border-subtle": {
  977. "$type": "color",
  978. "$value": "{@primitives.$color.$persimmon.500}",
  979. "$description": "",
  980. "$variable_metadata": {
  981. "name": "color/negative/border-subtle",
  982. "figmaId": "VariableID:3018:51748",
  983. "modes": {
  984. "light": "{@primitives.$color.$persimmon.500}",
  985. "dark": "{@primitives.$color.$persimmon.700}"
  986. }
  987. }
  988. },
  989. "border-subtler": {
  990. "$type": "color",
  991. "$value": "{@primitives.$color.$persimmon.300}",
  992. "$description": "",
  993. "$variable_metadata": {
  994. "name": "color/negative/border-subtler",
  995. "figmaId": "VariableID:2525:26011",
  996. "modes": {
  997. "light": "{@primitives.$color.$persimmon.300}",
  998. "dark": "{@primitives.$color.$persimmon.800}"
  999. }
  1000. }
  1001. },
  1002. "border-subtlest": {
  1003. "$type": "color",
  1004. "$value": "{@primitives.$color.$persimmon.200}",
  1005. "$description": "",
  1006. "$variable_metadata": {
  1007. "name": "color/negative/border-subtlest",
  1008. "figmaId": "VariableID:3018:51762",
  1009. "modes": {
  1010. "light": "{@primitives.$color.$persimmon.200}",
  1011. "dark": "{@primitives.$color.$persimmon.900}"
  1012. }
  1013. }
  1014. },
  1015. "border-bold": {
  1016. "$type": "color",
  1017. "$value": "{@primitives.$color.$persimmon.800}",
  1018. "$description": "",
  1019. "$variable_metadata": {
  1020. "name": "color/negative/border-bold",
  1021. "figmaId": "VariableID:2959:5337",
  1022. "modes": {
  1023. "light": "{@primitives.$color.$persimmon.800}",
  1024. "dark": "{@primitives.$color.$persimmon.400}"
  1025. }
  1026. }
  1027. },
  1028. "focus-outline": {
  1029. "$type": "color",
  1030. "$value": "{@primitives.$color.$persimmon.100}",
  1031. "$description": "",
  1032. "$variable_metadata": {
  1033. "name": "color/negative/focus-outline",
  1034. "figmaId": "VariableID:1732:4658",
  1035. "modes": {
  1036. "light": "{@primitives.$color.$persimmon.100}",
  1037. "dark": "{@primitives.$color.$persimmon.700}"
  1038. }
  1039. }
  1040. }
  1041. },
  1042. "$positive": {
  1043. "surface": {
  1044. "$type": "color",
  1045. "$value": "{@primitives.$color.$kale.600}",
  1046. "$description": "",
  1047. "$variable_metadata": {
  1048. "name": "color/positive/surface",
  1049. "figmaId": "VariableID:1534:4170",
  1050. "modes": {
  1051. "light": "{@primitives.$color.$kale.600}",
  1052. "dark": "{@primitives.$color.$kale.600}"
  1053. }
  1054. }
  1055. },
  1056. "surface-hover": {
  1057. "$type": "color",
  1058. "$value": "{@primitives.$color.$kale.500}",
  1059. "$description": "",
  1060. "$variable_metadata": {
  1061. "name": "color/positive/surface-hover",
  1062. "figmaId": "VariableID:1732:4670",
  1063. "modes": {
  1064. "light": "{@primitives.$color.$kale.500}",
  1065. "dark": "{@primitives.$color.$kale.500}"
  1066. }
  1067. }
  1068. },
  1069. "surface-active": {
  1070. "$type": "color",
  1071. "$value": "{@primitives.$color.$kale.800}",
  1072. "$description": "",
  1073. "$variable_metadata": {
  1074. "name": "color/positive/surface-active",
  1075. "figmaId": "VariableID:1732:4669",
  1076. "modes": {
  1077. "light": "{@primitives.$color.$kale.800}",
  1078. "dark": "{@primitives.$color.$kale.700}"
  1079. }
  1080. }
  1081. },
  1082. "surface-content": {
  1083. "$type": "color",
  1084. "$value": "{@primitives.$color.$kale.000}",
  1085. "$description": "",
  1086. "$variable_metadata": {
  1087. "name": "color/positive/surface-content",
  1088. "figmaId": "VariableID:1534:4306",
  1089. "modes": {
  1090. "light": "{@primitives.$color.$kale.000}",
  1091. "dark": "{@primitives.$color.$kale.000}"
  1092. }
  1093. }
  1094. },
  1095. "surface-content-subtle": {
  1096. "$type": "color",
  1097. "$value": "{@primitives.$color.$kale.100}",
  1098. "$description": "",
  1099. "$variable_metadata": {
  1100. "name": "color/positive/surface-content-subtle",
  1101. "figmaId": "VariableID:3367:1058",
  1102. "modes": {
  1103. "light": "{@primitives.$color.$kale.100}",
  1104. "dark": "{@primitives.$color.$kale.300}"
  1105. }
  1106. }
  1107. },
  1108. "surface-icon": {
  1109. "$type": "color",
  1110. "$value": "{@primitives.$color.$kale.100}",
  1111. "$description": "",
  1112. "$variable_metadata": {
  1113. "name": "color/positive/surface-icon",
  1114. "figmaId": "VariableID:3368:5639",
  1115. "modes": {
  1116. "light": "{@primitives.$color.$kale.100}",
  1117. "dark": "{@primitives.$color.$kale.100}"
  1118. }
  1119. }
  1120. },
  1121. "content": {
  1122. "$type": "color",
  1123. "$value": "{@primitives.$color.$kale.700}",
  1124. "$description": "",
  1125. "$variable_metadata": {
  1126. "name": "color/positive/content",
  1127. "figmaId": "VariableID:1534:4308",
  1128. "modes": {
  1129. "light": "{@primitives.$color.$kale.700}",
  1130. "dark": "{@primitives.$color.$kale.400}"
  1131. }
  1132. }
  1133. },
  1134. "content-hover": {
  1135. "$type": "color",
  1136. "$value": "{@primitives.$color.$kale.500}",
  1137. "$description": "",
  1138. "$variable_metadata": {
  1139. "name": "color/positive/content-hover",
  1140. "figmaId": "VariableID:3420:32390",
  1141. "modes": {
  1142. "light": "{@primitives.$color.$kale.500}",
  1143. "dark": "{@primitives.$color.$kale.300}"
  1144. }
  1145. }
  1146. },
  1147. "content-subtle": {
  1148. "$type": "color",
  1149. "$value": "{@primitives.$color.$kale.500}",
  1150. "$description": "",
  1151. "$variable_metadata": {
  1152. "name": "color/positive/content-subtle",
  1153. "figmaId": "VariableID:2525:26029",
  1154. "modes": {
  1155. "light": "{@primitives.$color.$kale.500}",
  1156. "dark": "{@primitives.$color.$kale.700}"
  1157. }
  1158. }
  1159. },
  1160. "icon": {
  1161. "$type": "color",
  1162. "$value": "{@primitives.$color.$kale.500}",
  1163. "$description": "",
  1164. "$variable_metadata": {
  1165. "name": "color/positive/icon",
  1166. "figmaId": "VariableID:3368:5635",
  1167. "modes": {
  1168. "light": "{@primitives.$color.$kale.500}",
  1169. "dark": "{@primitives.$color.$kale.400}"
  1170. }
  1171. }
  1172. },
  1173. "background": {
  1174. "$type": "color",
  1175. "$value": "{@primitives.$color.$kale.000}",
  1176. "$description": "",
  1177. "$variable_metadata": {
  1178. "name": "color/positive/background",
  1179. "figmaId": "VariableID:1534:4307",
  1180. "modes": {
  1181. "light": "{@primitives.$color.$kale.000}",
  1182. "dark": "{@primitives.$color.$kale.950}"
  1183. }
  1184. }
  1185. },
  1186. "emphasis": {
  1187. "$type": "color",
  1188. "$value": "{@primitives.$color.$kale.100}",
  1189. "$description": "",
  1190. "$variable_metadata": {
  1191. "name": "color/positive/emphasis",
  1192. "figmaId": "VariableID:1847:12056",
  1193. "modes": {
  1194. "light": "{@primitives.$color.$kale.100}",
  1195. "dark": "{@primitives.$color.$kale.800}"
  1196. }
  1197. }
  1198. },
  1199. "emphasis-subtle": {
  1200. "$type": "color",
  1201. "$value": "{@primitives.$color.$kale.000}",
  1202. "$description": "",
  1203. "$variable_metadata": {
  1204. "name": "color/positive/emphasis-subtle",
  1205. "figmaId": "VariableID:1847:12057",
  1206. "modes": {
  1207. "light": "{@primitives.$color.$kale.000}",
  1208. "dark": "{@primitives.$color.$kale.900}"
  1209. }
  1210. }
  1211. },
  1212. "border": {
  1213. "$type": "color",
  1214. "$value": "{@primitives.$color.$kale.700}",
  1215. "$description": "",
  1216. "$variable_metadata": {
  1217. "name": "color/positive/border",
  1218. "figmaId": "VariableID:1829:7140",
  1219. "modes": {
  1220. "light": "{@primitives.$color.$kale.700}",
  1221. "dark": "{@primitives.$color.$kale.600}"
  1222. }
  1223. }
  1224. },
  1225. "border-subtle": {
  1226. "$type": "color",
  1227. "$value": "{@primitives.$color.$kale.500}",
  1228. "$description": "",
  1229. "$variable_metadata": {
  1230. "name": "color/positive/border-subtle",
  1231. "figmaId": "VariableID:2525:26013",
  1232. "modes": {
  1233. "light": "{@primitives.$color.$kale.500}",
  1234. "dark": "{@primitives.$color.$kale.700}"
  1235. }
  1236. }
  1237. },
  1238. "border-subtler": {
  1239. "$type": "color",
  1240. "$value": "{@primitives.$color.$kale.300}",
  1241. "$description": "",
  1242. "$variable_metadata": {
  1243. "name": "color/positive/border-subtler",
  1244. "figmaId": "VariableID:3018:51763",
  1245. "modes": {
  1246. "light": "{@primitives.$color.$kale.300}",
  1247. "dark": "{@primitives.$color.$kale.800}"
  1248. }
  1249. }
  1250. },
  1251. "border-subtlest": {
  1252. "$type": "color",
  1253. "$value": "{@primitives.$color.$kale.200}",
  1254. "$description": "",
  1255. "$variable_metadata": {
  1256. "name": "color/positive/border-subtlest",
  1257. "figmaId": "VariableID:3018:51764",
  1258. "modes": {
  1259. "light": "{@primitives.$color.$kale.200}",
  1260. "dark": "{@primitives.$color.$kale.900}"
  1261. }
  1262. }
  1263. },
  1264. "border-bold": {
  1265. "$type": "color",
  1266. "$value": "{@primitives.$color.$kale.800}",
  1267. "$description": "",
  1268. "$variable_metadata": {
  1269. "name": "color/positive/border-bold",
  1270. "figmaId": "VariableID:2965:2363",
  1271. "modes": {
  1272. "light": "{@primitives.$color.$kale.800}",
  1273. "dark": "{@primitives.$color.$kale.400}"
  1274. }
  1275. }
  1276. },
  1277. "focus-outline": {
  1278. "$type": "color",
  1279. "$value": "{@primitives.$color.$kale.100}",
  1280. "$description": "",
  1281. "$variable_metadata": {
  1282. "name": "color/positive/focus-outline",
  1283. "figmaId": "VariableID:1732:4668",
  1284. "modes": {
  1285. "light": "{@primitives.$color.$kale.100}",
  1286. "dark": "{@primitives.$color.$kale.700}"
  1287. }
  1288. }
  1289. }
  1290. },
  1291. "$warning": {
  1292. "surface": {
  1293. "$type": "color",
  1294. "$value": "{@primitives.$color.$canteloupe.600}",
  1295. "$description": "",
  1296. "$variable_metadata": {
  1297. "name": "color/warning/surface",
  1298. "figmaId": "VariableID:1535:4323",
  1299. "modes": {
  1300. "light": "{@primitives.$color.$canteloupe.600}",
  1301. "dark": "{@primitives.$color.$canteloupe.600}"
  1302. }
  1303. }
  1304. },
  1305. "surface-hover": {
  1306. "$type": "color",
  1307. "$value": "{@primitives.$color.$canteloupe.500}",
  1308. "$description": "",
  1309. "$variable_metadata": {
  1310. "name": "color/warning/surface-hover",
  1311. "figmaId": "VariableID:1861:5219",
  1312. "modes": {
  1313. "light": "{@primitives.$color.$canteloupe.500}",
  1314. "dark": "{@primitives.$color.$canteloupe.500}"
  1315. }
  1316. }
  1317. },
  1318. "surface-active": {
  1319. "$type": "color",
  1320. "$value": "{@primitives.$color.$canteloupe.800}",
  1321. "$description": "",
  1322. "$variable_metadata": {
  1323. "name": "color/warning/surface-active",
  1324. "figmaId": "VariableID:1861:5218",
  1325. "modes": {
  1326. "light": "{@primitives.$color.$canteloupe.800}",
  1327. "dark": "{@primitives.$color.$canteloupe.700}"
  1328. }
  1329. }
  1330. },
  1331. "surface-content": {
  1332. "$type": "color",
  1333. "$value": "{@primitives.$color.$canteloupe.000}",
  1334. "$description": "",
  1335. "$variable_metadata": {
  1336. "name": "color/warning/surface-content",
  1337. "figmaId": "VariableID:1535:4324",
  1338. "modes": {
  1339. "light": "{@primitives.$color.$canteloupe.000}",
  1340. "dark": "{@primitives.$color.$canteloupe.000}"
  1341. }
  1342. }
  1343. },
  1344. "surface-content-subtle": {
  1345. "$type": "color",
  1346. "$value": "{@primitives.$color.$canteloupe.100}",
  1347. "$description": "",
  1348. "$variable_metadata": {
  1349. "name": "color/warning/surface-content-subtle",
  1350. "figmaId": "VariableID:3367:1059",
  1351. "modes": {
  1352. "light": "{@primitives.$color.$canteloupe.100}",
  1353. "dark": "{@primitives.$color.$canteloupe.300}"
  1354. }
  1355. }
  1356. },
  1357. "surface-icon": {
  1358. "$type": "color",
  1359. "$value": "{@primitives.$color.$canteloupe.100}",
  1360. "$description": "",
  1361. "$variable_metadata": {
  1362. "name": "color/warning/surface-icon",
  1363. "figmaId": "VariableID:3368:5638",
  1364. "modes": {
  1365. "light": "{@primitives.$color.$canteloupe.100}",
  1366. "dark": "{@primitives.$color.$canteloupe.100}"
  1367. }
  1368. }
  1369. },
  1370. "content": {
  1371. "$type": "color",
  1372. "$value": "{@primitives.$color.$canteloupe.700}",
  1373. "$description": "",
  1374. "$variable_metadata": {
  1375. "name": "color/warning/content",
  1376. "figmaId": "VariableID:1535:4326",
  1377. "modes": {
  1378. "light": "{@primitives.$color.$canteloupe.700}",
  1379. "dark": "{@primitives.$color.$canteloupe.400}"
  1380. }
  1381. }
  1382. },
  1383. "content-hover": {
  1384. "$type": "color",
  1385. "$value": "{@primitives.$color.$canteloupe.500}",
  1386. "$description": "",
  1387. "$variable_metadata": {
  1388. "name": "color/warning/content-hover",
  1389. "figmaId": "VariableID:3420:32391",
  1390. "modes": {
  1391. "light": "{@primitives.$color.$canteloupe.500}",
  1392. "dark": "{@primitives.$color.$canteloupe.300}"
  1393. }
  1394. }
  1395. },
  1396. "content-subtle": {
  1397. "$type": "color",
  1398. "$value": "{@primitives.$color.$canteloupe.500}",
  1399. "$description": "",
  1400. "$variable_metadata": {
  1401. "name": "color/warning/content-subtle",
  1402. "figmaId": "VariableID:2525:26028",
  1403. "modes": {
  1404. "light": "{@primitives.$color.$canteloupe.500}",
  1405. "dark": "{@primitives.$color.$canteloupe.700}"
  1406. }
  1407. }
  1408. },
  1409. "icon": {
  1410. "$type": "color",
  1411. "$value": "{@primitives.$color.$canteloupe.500}",
  1412. "$description": "",
  1413. "$variable_metadata": {
  1414. "name": "color/warning/icon",
  1415. "figmaId": "VariableID:3368:5637",
  1416. "modes": {
  1417. "light": "{@primitives.$color.$canteloupe.500}",
  1418. "dark": "{@primitives.$color.$canteloupe.400}"
  1419. }
  1420. }
  1421. },
  1422. "background": {
  1423. "$type": "color",
  1424. "$value": "{@primitives.$color.$canteloupe.000}",
  1425. "$description": "",
  1426. "$variable_metadata": {
  1427. "name": "color/warning/background",
  1428. "figmaId": "VariableID:1535:4325",
  1429. "modes": {
  1430. "light": "{@primitives.$color.$canteloupe.000}",
  1431. "dark": "{@primitives.$color.$canteloupe.950}"
  1432. }
  1433. }
  1434. },
  1435. "emphasis": {
  1436. "$type": "color",
  1437. "$value": "{@primitives.$color.$canteloupe.100}",
  1438. "$description": "",
  1439. "$variable_metadata": {
  1440. "name": "color/warning/emphasis",
  1441. "figmaId": "VariableID:1732:4666",
  1442. "modes": {
  1443. "light": "{@primitives.$color.$canteloupe.100}",
  1444. "dark": "{@primitives.$color.$canteloupe.800}"
  1445. }
  1446. }
  1447. },
  1448. "emphasis-subtle": {
  1449. "$type": "color",
  1450. "$value": "{@primitives.$color.$canteloupe.000}",
  1451. "$description": "",
  1452. "$variable_metadata": {
  1453. "name": "color/warning/emphasis-subtle",
  1454. "figmaId": "VariableID:1732:4667",
  1455. "modes": {
  1456. "light": "{@primitives.$color.$canteloupe.000}",
  1457. "dark": "{@primitives.$color.$canteloupe.900}"
  1458. }
  1459. }
  1460. },
  1461. "border": {
  1462. "$type": "color",
  1463. "$value": "{@primitives.$color.$canteloupe.700}",
  1464. "$description": "",
  1465. "$variable_metadata": {
  1466. "name": "color/warning/border",
  1467. "figmaId": "VariableID:1861:5217",
  1468. "modes": {
  1469. "light": "{@primitives.$color.$canteloupe.700}",
  1470. "dark": "{@primitives.$color.$canteloupe.600}"
  1471. }
  1472. }
  1473. },
  1474. "border-subtle": {
  1475. "$type": "color",
  1476. "$value": "{@primitives.$color.$canteloupe.500}",
  1477. "$description": "",
  1478. "$variable_metadata": {
  1479. "name": "color/warning/border-subtle",
  1480. "figmaId": "VariableID:3018:51761",
  1481. "modes": {
  1482. "light": "{@primitives.$color.$canteloupe.500}",
  1483. "dark": "{@primitives.$color.$canteloupe.700}"
  1484. }
  1485. }
  1486. },
  1487. "border-subtler": {
  1488. "$type": "color",
  1489. "$value": "{@primitives.$color.$canteloupe.300}",
  1490. "$description": "",
  1491. "$variable_metadata": {
  1492. "name": "color/warning/border-subtler",
  1493. "figmaId": "VariableID:2525:26027",
  1494. "modes": {
  1495. "light": "{@primitives.$color.$canteloupe.300}",
  1496. "dark": "{@primitives.$color.$canteloupe.800}"
  1497. }
  1498. }
  1499. },
  1500. "border-subtlest": {
  1501. "$type": "color",
  1502. "$value": "{@primitives.$color.$canteloupe.200}",
  1503. "$description": "",
  1504. "$variable_metadata": {
  1505. "name": "color/warning/border-subtlest",
  1506. "figmaId": "VariableID:3018:51765",
  1507. "modes": {
  1508. "light": "{@primitives.$color.$canteloupe.200}",
  1509. "dark": "{@primitives.$color.$canteloupe.900}"
  1510. }
  1511. }
  1512. },
  1513. "border-bold": {
  1514. "$type": "color",
  1515. "$value": "{@primitives.$color.$canteloupe.800}",
  1516. "$description": "",
  1517. "$variable_metadata": {
  1518. "name": "color/warning/border-bold",
  1519. "figmaId": "VariableID:2965:2364",
  1520. "modes": {
  1521. "light": "{@primitives.$color.$canteloupe.800}",
  1522. "dark": "{@primitives.$color.$canteloupe.400}"
  1523. }
  1524. }
  1525. },
  1526. "focus-outline": {
  1527. "$type": "color",
  1528. "$value": "{@primitives.$color.$canteloupe.100}",
  1529. "$description": "",
  1530. "$variable_metadata": {
  1531. "name": "color/warning/focus-outline",
  1532. "figmaId": "VariableID:1732:4665",
  1533. "modes": {
  1534. "light": "{@primitives.$color.$canteloupe.100}",
  1535. "dark": "{@primitives.$color.$canteloupe.700}"
  1536. }
  1537. }
  1538. }
  1539. },
  1540. "$accent": {
  1541. "$grape": {
  1542. "dark": {
  1543. "$type": "color",
  1544. "$value": "{@primitives.$color.$grape.900}",
  1545. "$description": "",
  1546. "$variable_metadata": {
  1547. "name": "color/accent/grape/dark",
  1548. "figmaId": "VariableID:3139:42829",
  1549. "modes": {
  1550. "light": "{@primitives.$color.$grape.900}",
  1551. "dark": "{@primitives.$color.$grape.300}"
  1552. }
  1553. }
  1554. },
  1555. "bold": {
  1556. "$type": "color",
  1557. "$value": "{@primitives.$color.$grape.600}",
  1558. "$description": "",
  1559. "$variable_metadata": {
  1560. "name": "color/accent/grape/bold",
  1561. "figmaId": "VariableID:3131:41217",
  1562. "modes": {
  1563. "light": "{@primitives.$color.$grape.600}",
  1564. "dark": "{@primitives.$color.$grape.500}"
  1565. }
  1566. }
  1567. },
  1568. "base": {
  1569. "$type": "color",
  1570. "$value": "{@primitives.$color.$grape.400}",
  1571. "$description": "",
  1572. "$variable_metadata": {
  1573. "name": "color/accent/grape/base",
  1574. "figmaId": "VariableID:3475:13540",
  1575. "modes": {
  1576. "light": "{@primitives.$color.$grape.400}",
  1577. "dark": "{@primitives.$color.$grape.400}"
  1578. }
  1579. }
  1580. },
  1581. "subtle": {
  1582. "$type": "color",
  1583. "$value": "{@primitives.$color.$grape.100}",
  1584. "$description": "",
  1585. "$variable_metadata": {
  1586. "name": "color/accent/grape/subtle",
  1587. "figmaId": "VariableID:3227:25844",
  1588. "modes": {
  1589. "light": "{@primitives.$color.$grape.100}",
  1590. "dark": "{@primitives.$color.$grape.900}"
  1591. }
  1592. }
  1593. },
  1594. "subtlest": {
  1595. "$type": "color",
  1596. "$value": "{@primitives.$color.$grape.000}",
  1597. "$description": "",
  1598. "$variable_metadata": {
  1599. "name": "color/accent/grape/subtlest",
  1600. "figmaId": "VariableID:3137:42575",
  1601. "modes": {
  1602. "light": "{@primitives.$color.$grape.000}",
  1603. "dark": "{@primitives.$color.$grape.950}"
  1604. }
  1605. }
  1606. }
  1607. },
  1608. "$blueberry": {
  1609. "dark": {
  1610. "$type": "color",
  1611. "$value": "{@primitives.$color.$blueberry.900}",
  1612. "$description": "",
  1613. "$variable_metadata": {
  1614. "name": "color/accent/blueberry/dark",
  1615. "figmaId": "VariableID:3216:2612",
  1616. "modes": {
  1617. "light": "{@primitives.$color.$blueberry.900}",
  1618. "dark": "{@primitives.$color.$blueberry.300}"
  1619. }
  1620. }
  1621. },
  1622. "bold": {
  1623. "$type": "color",
  1624. "$value": "{@primitives.$color.$blueberry.600}",
  1625. "$description": "",
  1626. "$variable_metadata": {
  1627. "name": "color/accent/blueberry/bold",
  1628. "figmaId": "VariableID:3216:2613",
  1629. "modes": {
  1630. "light": "{@primitives.$color.$blueberry.600}",
  1631. "dark": "{@primitives.$color.$blueberry.500}"
  1632. }
  1633. }
  1634. },
  1635. "base": {
  1636. "$type": "color",
  1637. "$value": "{@primitives.$color.$blueberry.400}",
  1638. "$description": "",
  1639. "$variable_metadata": {
  1640. "name": "color/accent/blueberry/base",
  1641. "figmaId": "VariableID:3475:49114",
  1642. "modes": {
  1643. "light": "{@primitives.$color.$blueberry.400}",
  1644. "dark": "{@primitives.$color.$blueberry.400}"
  1645. }
  1646. }
  1647. },
  1648. "subtle": {
  1649. "$type": "color",
  1650. "$value": "{@primitives.$color.$blueberry.100}",
  1651. "$description": "",
  1652. "$variable_metadata": {
  1653. "name": "color/accent/blueberry/subtle",
  1654. "figmaId": "VariableID:3227:25843",
  1655. "modes": {
  1656. "light": "{@primitives.$color.$blueberry.100}",
  1657. "dark": "{@primitives.$color.$blueberry.900}"
  1658. }
  1659. }
  1660. },
  1661. "subtlest": {
  1662. "$type": "color",
  1663. "$value": "{@primitives.$color.$blueberry.000}",
  1664. "$description": "",
  1665. "$variable_metadata": {
  1666. "name": "color/accent/blueberry/subtlest",
  1667. "figmaId": "VariableID:3216:2614",
  1668. "modes": {
  1669. "light": "{@primitives.$color.$blueberry.000}",
  1670. "dark": "{@primitives.$color.$blueberry.950}"
  1671. }
  1672. }
  1673. }
  1674. },
  1675. "$kale": {
  1676. "dark": {
  1677. "$type": "color",
  1678. "$value": "{@primitives.$color.$kale.900}",
  1679. "$description": "",
  1680. "$variable_metadata": {
  1681. "name": "color/accent/kale/dark",
  1682. "figmaId": "VariableID:3139:42832",
  1683. "modes": {
  1684. "light": "{@primitives.$color.$kale.900}",
  1685. "dark": "{@primitives.$color.$kale.300}"
  1686. }
  1687. }
  1688. },
  1689. "bold": {
  1690. "$type": "color",
  1691. "$value": "{@primitives.$color.$kale.600}",
  1692. "$description": "",
  1693. "$variable_metadata": {
  1694. "name": "color/accent/kale/bold",
  1695. "figmaId": "VariableID:3137:42582",
  1696. "modes": {
  1697. "light": "{@primitives.$color.$kale.600}",
  1698. "dark": "{@primitives.$color.$kale.500}"
  1699. }
  1700. }
  1701. },
  1702. "base": {
  1703. "$type": "color",
  1704. "$value": "{@primitives.$color.$kale.400}",
  1705. "$description": "",
  1706. "$variable_metadata": {
  1707. "name": "color/accent/kale/base",
  1708. "figmaId": "VariableID:3475:49115",
  1709. "modes": {
  1710. "light": "{@primitives.$color.$kale.400}",
  1711. "dark": "{@primitives.$color.$kale.400}"
  1712. }
  1713. }
  1714. },
  1715. "subtle": {
  1716. "$type": "color",
  1717. "$value": "{@primitives.$color.$kale.100}",
  1718. "$description": "",
  1719. "$variable_metadata": {
  1720. "name": "color/accent/kale/subtle",
  1721. "figmaId": "VariableID:3227:25842",
  1722. "modes": {
  1723. "light": "{@primitives.$color.$kale.100}",
  1724. "dark": "{@primitives.$color.$kale.900}"
  1725. }
  1726. }
  1727. },
  1728. "subtlest": {
  1729. "$type": "color",
  1730. "$value": "{@primitives.$color.$kale.000}",
  1731. "$description": "",
  1732. "$variable_metadata": {
  1733. "name": "color/accent/kale/subtlest",
  1734. "figmaId": "VariableID:3137:42583",
  1735. "modes": {
  1736. "light": "{@primitives.$color.$kale.000}",
  1737. "dark": "{@primitives.$color.$kale.950}"
  1738. }
  1739. }
  1740. }
  1741. },
  1742. "$kiwi": {
  1743. "dark": {
  1744. "$type": "color",
  1745. "$value": "{@primitives.$color.$kiwi.900}",
  1746. "$description": "",
  1747. "$variable_metadata": {
  1748. "name": "color/accent/kiwi/dark",
  1749. "figmaId": "VariableID:3207:27271",
  1750. "modes": {
  1751. "light": "{@primitives.$color.$kiwi.900}",
  1752. "dark": "{@primitives.$color.$kiwi.300}"
  1753. }
  1754. }
  1755. },
  1756. "bold": {
  1757. "$type": "color",
  1758. "$value": "{@primitives.$color.$kiwi.600}",
  1759. "$description": "",
  1760. "$variable_metadata": {
  1761. "name": "color/accent/kiwi/bold",
  1762. "figmaId": "VariableID:3207:27269",
  1763. "modes": {
  1764. "light": "{@primitives.$color.$kiwi.600}",
  1765. "dark": "{@primitives.$color.$kiwi.500}"
  1766. }
  1767. }
  1768. },
  1769. "base": {
  1770. "$type": "color",
  1771. "$value": "{@primitives.$color.$kiwi.400}",
  1772. "$description": "",
  1773. "$variable_metadata": {
  1774. "name": "color/accent/kiwi/base",
  1775. "figmaId": "VariableID:3475:49116",
  1776. "modes": {
  1777. "light": "{@primitives.$color.$kiwi.400}",
  1778. "dark": "{@primitives.$color.$kiwi.400}"
  1779. }
  1780. }
  1781. },
  1782. "subtle": {
  1783. "$type": "color",
  1784. "$value": "{@primitives.$color.$kiwi.100}",
  1785. "$description": "",
  1786. "$variable_metadata": {
  1787. "name": "color/accent/kiwi/subtle",
  1788. "figmaId": "VariableID:3227:25841",
  1789. "modes": {
  1790. "light": "{@primitives.$color.$kiwi.100}",
  1791. "dark": "{@primitives.$color.$kiwi.900}"
  1792. }
  1793. }
  1794. },
  1795. "subtlest": {
  1796. "$type": "color",
  1797. "$value": "{@primitives.$color.$kiwi.000}",
  1798. "$description": "",
  1799. "$variable_metadata": {
  1800. "name": "color/accent/kiwi/subtlest",
  1801. "figmaId": "VariableID:3207:27270",
  1802. "modes": {
  1803. "light": "{@primitives.$color.$kiwi.000}",
  1804. "dark": "{@primitives.$color.$kiwi.950}"
  1805. }
  1806. }
  1807. }
  1808. },
  1809. "$mango": {
  1810. "dark": {
  1811. "$type": "color",
  1812. "$value": "{@primitives.$color.$mango.900}",
  1813. "$description": "",
  1814. "$variable_metadata": {
  1815. "name": "color/accent/mango/dark",
  1816. "figmaId": "VariableID:3207:27275",
  1817. "modes": {
  1818. "light": "{@primitives.$color.$mango.900}",
  1819. "dark": "{@primitives.$color.$mango.300}"
  1820. }
  1821. }
  1822. },
  1823. "bold": {
  1824. "$type": "color",
  1825. "$value": "{@primitives.$color.$mango.600}",
  1826. "$description": "",
  1827. "$variable_metadata": {
  1828. "name": "color/accent/mango/bold",
  1829. "figmaId": "VariableID:3207:27272",
  1830. "modes": {
  1831. "light": "{@primitives.$color.$mango.600}",
  1832. "dark": "{@primitives.$color.$mango.500}"
  1833. }
  1834. }
  1835. },
  1836. "base": {
  1837. "$type": "color",
  1838. "$value": "{@primitives.$color.$mango.400}",
  1839. "$description": "",
  1840. "$variable_metadata": {
  1841. "name": "color/accent/mango/base",
  1842. "figmaId": "VariableID:3475:49117",
  1843. "modes": {
  1844. "light": "{@primitives.$color.$mango.400}",
  1845. "dark": "{@primitives.$color.$mango.400}"
  1846. }
  1847. }
  1848. },
  1849. "subtle": {
  1850. "$type": "color",
  1851. "$value": "{@primitives.$color.$mango.100}",
  1852. "$description": "",
  1853. "$variable_metadata": {
  1854. "name": "color/accent/mango/subtle",
  1855. "figmaId": "VariableID:3227:25840",
  1856. "modes": {
  1857. "light": "{@primitives.$color.$mango.100}",
  1858. "dark": "{@primitives.$color.$mango.900}"
  1859. }
  1860. }
  1861. },
  1862. "subtlest": {
  1863. "$type": "color",
  1864. "$value": "{@primitives.$color.$mango.000}",
  1865. "$description": "",
  1866. "$variable_metadata": {
  1867. "name": "color/accent/mango/subtlest",
  1868. "figmaId": "VariableID:3207:27274",
  1869. "modes": {
  1870. "light": "{@primitives.$color.$mango.000}",
  1871. "dark": "{@primitives.$color.$mango.950}"
  1872. }
  1873. }
  1874. }
  1875. },
  1876. "$canteloupe": {
  1877. "dark": {
  1878. "$type": "color",
  1879. "$value": "{@primitives.$color.$canteloupe.900}",
  1880. "$description": "",
  1881. "$variable_metadata": {
  1882. "name": "color/accent/canteloupe/dark",
  1883. "figmaId": "VariableID:3139:42831",
  1884. "modes": {
  1885. "light": "{@primitives.$color.$canteloupe.900}",
  1886. "dark": "{@primitives.$color.$canteloupe.300}"
  1887. }
  1888. }
  1889. },
  1890. "bold": {
  1891. "$type": "color",
  1892. "$value": "{@primitives.$color.$canteloupe.600}",
  1893. "$description": "",
  1894. "$variable_metadata": {
  1895. "name": "color/accent/canteloupe/bold",
  1896. "figmaId": "VariableID:3137:42580",
  1897. "modes": {
  1898. "light": "{@primitives.$color.$canteloupe.600}",
  1899. "dark": "{@primitives.$color.$canteloupe.500}"
  1900. }
  1901. }
  1902. },
  1903. "base": {
  1904. "$type": "color",
  1905. "$value": "{@primitives.$color.$canteloupe.400}",
  1906. "$description": "",
  1907. "$variable_metadata": {
  1908. "name": "color/accent/canteloupe/base",
  1909. "figmaId": "VariableID:3475:49118",
  1910. "modes": {
  1911. "light": "{@primitives.$color.$canteloupe.400}",
  1912. "dark": "{@primitives.$color.$canteloupe.400}"
  1913. }
  1914. }
  1915. },
  1916. "subtle": {
  1917. "$type": "color",
  1918. "$value": "{@primitives.$color.$canteloupe.100}",
  1919. "$description": "",
  1920. "$variable_metadata": {
  1921. "name": "color/accent/canteloupe/subtle",
  1922. "figmaId": "VariableID:3227:25839",
  1923. "modes": {
  1924. "light": "{@primitives.$color.$canteloupe.100}",
  1925. "dark": "{@primitives.$color.$canteloupe.900}"
  1926. }
  1927. }
  1928. },
  1929. "subtlest": {
  1930. "$type": "color",
  1931. "$value": "{@primitives.$color.$canteloupe.000}",
  1932. "$description": "",
  1933. "$variable_metadata": {
  1934. "name": "color/accent/canteloupe/subtlest",
  1935. "figmaId": "VariableID:3137:42581",
  1936. "modes": {
  1937. "light": "{@primitives.$color.$canteloupe.000}",
  1938. "dark": "{@primitives.$color.$canteloupe.950}"
  1939. }
  1940. }
  1941. }
  1942. },
  1943. "$persimmon": {
  1944. "dark": {
  1945. "$type": "color",
  1946. "$value": "{@primitives.$color.$persimmon.900}",
  1947. "$description": "",
  1948. "$variable_metadata": {
  1949. "name": "color/accent/persimmon/dark",
  1950. "figmaId": "VariableID:3139:42830",
  1951. "modes": {
  1952. "light": "{@primitives.$color.$persimmon.900}",
  1953. "dark": "{@primitives.$color.$persimmon.300}"
  1954. }
  1955. }
  1956. },
  1957. "bold": {
  1958. "$type": "color",
  1959. "$value": "{@primitives.$color.$persimmon.600}",
  1960. "$description": "",
  1961. "$variable_metadata": {
  1962. "name": "color/accent/persimmon/bold",
  1963. "figmaId": "VariableID:3137:42578",
  1964. "modes": {
  1965. "light": "{@primitives.$color.$persimmon.600}",
  1966. "dark": "{@primitives.$color.$persimmon.500}"
  1967. }
  1968. }
  1969. },
  1970. "base": {
  1971. "$type": "color",
  1972. "$value": "{@primitives.$color.$persimmon.400}",
  1973. "$description": "",
  1974. "$variable_metadata": {
  1975. "name": "color/accent/persimmon/base",
  1976. "figmaId": "VariableID:3475:49119",
  1977. "modes": {
  1978. "light": "{@primitives.$color.$persimmon.400}",
  1979. "dark": "{@primitives.$color.$persimmon.400}"
  1980. }
  1981. }
  1982. },
  1983. "subtle": {
  1984. "$type": "color",
  1985. "$value": "{@primitives.$color.$persimmon.100}",
  1986. "$description": "",
  1987. "$variable_metadata": {
  1988. "name": "color/accent/persimmon/subtle",
  1989. "figmaId": "VariableID:3227:25838",
  1990. "modes": {
  1991. "light": "{@primitives.$color.$persimmon.100}",
  1992. "dark": "{@primitives.$color.$persimmon.900}"
  1993. }
  1994. }
  1995. },
  1996. "subtlest": {
  1997. "$type": "color",
  1998. "$value": "{@primitives.$color.$persimmon.000}",
  1999. "$description": "",
  2000. "$variable_metadata": {
  2001. "name": "color/accent/persimmon/subtlest",
  2002. "figmaId": "VariableID:3137:42579",
  2003. "modes": {
  2004. "light": "{@primitives.$color.$persimmon.000}",
  2005. "dark": "{@primitives.$color.$persimmon.950}"
  2006. }
  2007. }
  2008. }
  2009. },
  2010. "$plum": {
  2011. "dark": {
  2012. "$type": "color",
  2013. "$value": "{@primitives.$color.$plum.900}",
  2014. "$description": "",
  2015. "$variable_metadata": {
  2016. "name": "color/accent/plum/dark",
  2017. "figmaId": "VariableID:3139:42833",
  2018. "modes": {
  2019. "light": "{@primitives.$color.$plum.900}",
  2020. "dark": "{@primitives.$color.$plum.300}"
  2021. }
  2022. }
  2023. },
  2024. "bold": {
  2025. "$type": "color",
  2026. "$value": "{@primitives.$color.$plum.600}",
  2027. "$description": "",
  2028. "$variable_metadata": {
  2029. "name": "color/accent/plum/bold",
  2030. "figmaId": "VariableID:3137:42576",
  2031. "modes": {
  2032. "light": "{@primitives.$color.$plum.600}",
  2033. "dark": "{@primitives.$color.$plum.500}"
  2034. }
  2035. }
  2036. },
  2037. "base": {
  2038. "$type": "color",
  2039. "$value": "{@primitives.$color.$plum.400}",
  2040. "$description": "",
  2041. "$variable_metadata": {
  2042. "name": "color/accent/plum/base",
  2043. "figmaId": "VariableID:3475:49120",
  2044. "modes": {
  2045. "light": "{@primitives.$color.$plum.400}",
  2046. "dark": "{@primitives.$color.$plum.400}"
  2047. }
  2048. }
  2049. },
  2050. "subtle": {
  2051. "$type": "color",
  2052. "$value": "{@primitives.$color.$plum.100}",
  2053. "$description": "",
  2054. "$variable_metadata": {
  2055. "name": "color/accent/plum/subtle",
  2056. "figmaId": "VariableID:3227:25837",
  2057. "modes": {
  2058. "light": "{@primitives.$color.$plum.100}",
  2059. "dark": "{@primitives.$color.$plum.900}"
  2060. }
  2061. }
  2062. },
  2063. "subtlest": {
  2064. "$type": "color",
  2065. "$value": "{@primitives.$color.$plum.000}",
  2066. "$description": "",
  2067. "$variable_metadata": {
  2068. "name": "color/accent/plum/subtlest",
  2069. "figmaId": "VariableID:3137:42577",
  2070. "modes": {
  2071. "light": "{@primitives.$color.$plum.000}",
  2072. "dark": "{@primitives.$color.$plum.950}"
  2073. }
  2074. }
  2075. }
  2076. },
  2077. "$fig": {
  2078. "dark": {
  2079. "$type": "color",
  2080. "$value": "{@primitives.$color.$fig.900}",
  2081. "$description": "",
  2082. "$variable_metadata": {
  2083. "name": "color/accent/fig/dark",
  2084. "figmaId": "VariableID:3207:27278",
  2085. "modes": {
  2086. "light": "{@primitives.$color.$fig.900}",
  2087. "dark": "{@primitives.$color.$fig.300}"
  2088. }
  2089. }
  2090. },
  2091. "bold": {
  2092. "$type": "color",
  2093. "$value": "{@primitives.$color.$fig.600}",
  2094. "$description": "",
  2095. "$variable_metadata": {
  2096. "name": "color/accent/fig/bold",
  2097. "figmaId": "VariableID:3207:27276",
  2098. "modes": {
  2099. "light": "{@primitives.$color.$fig.600}",
  2100. "dark": "{@primitives.$color.$fig.500}"
  2101. }
  2102. }
  2103. },
  2104. "base": {
  2105. "$type": "color",
  2106. "$value": "{@primitives.$color.$fig.400}",
  2107. "$description": "",
  2108. "$variable_metadata": {
  2109. "name": "color/accent/fig/base",
  2110. "figmaId": "VariableID:3475:49121",
  2111. "modes": {
  2112. "light": "{@primitives.$color.$fig.400}",
  2113. "dark": "{@primitives.$color.$fig.400}"
  2114. }
  2115. }
  2116. },
  2117. "subtle": {
  2118. "$type": "color",
  2119. "$value": "{@primitives.$color.$fig.100}",
  2120. "$description": "",
  2121. "$variable_metadata": {
  2122. "name": "color/accent/fig/subtle",
  2123. "figmaId": "VariableID:3227:25836",
  2124. "modes": {
  2125. "light": "{@primitives.$color.$fig.100}",
  2126. "dark": "{@primitives.$color.$fig.900}"
  2127. }
  2128. }
  2129. },
  2130. "subtlest": {
  2131. "$type": "color",
  2132. "$value": "{@primitives.$color.$fig.000}",
  2133. "$description": "",
  2134. "$variable_metadata": {
  2135. "name": "color/accent/fig/subtlest",
  2136. "figmaId": "VariableID:3207:27277",
  2137. "modes": {
  2138. "light": "{@primitives.$color.$fig.000}",
  2139. "dark": "{@primitives.$color.$fig.950}"
  2140. }
  2141. }
  2142. }
  2143. },
  2144. "$sand": {
  2145. "dark": {
  2146. "$type": "color",
  2147. "$value": "{@primitives.$color.$sand.900}",
  2148. "$description": "",
  2149. "$variable_metadata": {
  2150. "name": "color/accent/sand/dark",
  2151. "figmaId": "VariableID:3333:43247",
  2152. "modes": {
  2153. "light": "{@primitives.$color.$sand.900}",
  2154. "dark": "{@primitives.$color.$sand.300}"
  2155. }
  2156. }
  2157. },
  2158. "bold": {
  2159. "$type": "color",
  2160. "$value": "{@primitives.$color.$sand.600}",
  2161. "$description": "",
  2162. "$variable_metadata": {
  2163. "name": "color/accent/sand/bold",
  2164. "figmaId": "VariableID:3333:43248",
  2165. "modes": {
  2166. "light": "{@primitives.$color.$sand.600}",
  2167. "dark": "{@primitives.$color.$sand.500}"
  2168. }
  2169. }
  2170. },
  2171. "base": {
  2172. "$type": "color",
  2173. "$value": "{@primitives.$color.$sand.400}",
  2174. "$description": "",
  2175. "$variable_metadata": {
  2176. "name": "color/accent/sand/base",
  2177. "figmaId": "VariableID:3475:49122",
  2178. "modes": {
  2179. "light": "{@primitives.$color.$sand.400}",
  2180. "dark": "{@primitives.$color.$sand.400}"
  2181. }
  2182. }
  2183. },
  2184. "subtle": {
  2185. "$type": "color",
  2186. "$value": "{@primitives.$color.$sand.100}",
  2187. "$description": "",
  2188. "$variable_metadata": {
  2189. "name": "color/accent/sand/subtle",
  2190. "figmaId": "VariableID:3333:43249",
  2191. "modes": {
  2192. "light": "{@primitives.$color.$sand.100}",
  2193. "dark": "{@primitives.$color.$sand.900}"
  2194. }
  2195. }
  2196. },
  2197. "subtlest": {
  2198. "$type": "color",
  2199. "$value": "{@primitives.$color.$sand.000}",
  2200. "$description": "",
  2201. "$variable_metadata": {
  2202. "name": "color/accent/sand/subtlest",
  2203. "figmaId": "VariableID:3333:43250",
  2204. "modes": {
  2205. "light": "{@primitives.$color.$sand.000}",
  2206. "dark": "{@primitives.$color.$sand.950}"
  2207. }
  2208. }
  2209. }
  2210. }
  2211. }
  2212. }
  2213. },
  2214. "@primitives": {
  2215. "$collection_metadata": {
  2216. "name": "primitives",
  2217. "figmaId": "VariableCollectionId:1525:3690",
  2218. "modes": [
  2219. {
  2220. "key": "value",
  2221. "name": "Value"
  2222. }
  2223. ]
  2224. },
  2225. "$color": {
  2226. "$sand": {
  2227. "100": {
  2228. "$type": "color",
  2229. "$value": "#f9f8f6",
  2230. "$description": "",
  2231. "$variable_metadata": {
  2232. "name": "color/sand/100",
  2233. "figmaId": "VariableID:1622:8655",
  2234. "modes": {
  2235. "value": "rgba(249,248,246,1.00)"
  2236. }
  2237. }
  2238. },
  2239. "200": {
  2240. "$type": "color",
  2241. "$value": "#f0efeb",
  2242. "$description": "",
  2243. "$variable_metadata": {
  2244. "name": "color/sand/200",
  2245. "figmaId": "VariableID:1728:908",
  2246. "modes": {
  2247. "value": "rgba(240,239,235,1.00)"
  2248. }
  2249. }
  2250. },
  2251. "300": {
  2252. "$type": "color",
  2253. "$value": "#e1ded5",
  2254. "$description": "",
  2255. "$variable_metadata": {
  2256. "name": "color/sand/300",
  2257. "figmaId": "VariableID:1728:907",
  2258. "modes": {
  2259. "value": "rgba(225,222,213,1.00)"
  2260. }
  2261. }
  2262. },
  2263. "400": {
  2264. "$type": "color",
  2265. "$value": "#cac5b8",
  2266. "$description": "",
  2267. "$variable_metadata": {
  2268. "name": "color/sand/400",
  2269. "figmaId": "VariableID:1728:906",
  2270. "modes": {
  2271. "value": "rgba(202,197,184,1.00)"
  2272. }
  2273. }
  2274. },
  2275. "500": {
  2276. "$type": "color",
  2277. "$value": "#a49f95",
  2278. "$description": "",
  2279. "$variable_metadata": {
  2280. "name": "color/sand/500",
  2281. "figmaId": "VariableID:1728:905",
  2282. "modes": {
  2283. "value": "rgba(164,159,149,1.00)"
  2284. }
  2285. }
  2286. },
  2287. "600": {
  2288. "$type": "color",
  2289. "$value": "#6b6860",
  2290. "$description": "",
  2291. "$variable_metadata": {
  2292. "name": "color/sand/600",
  2293. "figmaId": "VariableID:1728:904",
  2294. "modes": {
  2295. "value": "rgba(107,104,96,1.00)"
  2296. }
  2297. }
  2298. },
  2299. "700": {
  2300. "$type": "color",
  2301. "$value": "#45433e",
  2302. "$description": "",
  2303. "$variable_metadata": {
  2304. "name": "color/sand/700",
  2305. "figmaId": "VariableID:1728:903",
  2306. "modes": {
  2307. "value": "rgba(69,67,62,1.00)"
  2308. }
  2309. }
  2310. },
  2311. "800": {
  2312. "$type": "color",
  2313. "$value": "#262522",
  2314. "$description": "",
  2315. "$variable_metadata": {
  2316. "name": "color/sand/800",
  2317. "figmaId": "VariableID:1728:902",
  2318. "modes": {
  2319. "value": "rgba(38,37,34,1.00)"
  2320. }
  2321. }
  2322. },
  2323. "850": {
  2324. "$type": "color",
  2325. "$value": "#1e1d1a",
  2326. "$description": "",
  2327. "$variable_metadata": {
  2328. "name": "color/sand/850",
  2329. "figmaId": "VariableID:3394:44211",
  2330. "modes": {
  2331. "value": "rgba(30,29,26,1.00)"
  2332. }
  2333. }
  2334. },
  2335. "900": {
  2336. "$type": "color",
  2337. "$value": "#12110d",
  2338. "$description": "",
  2339. "$variable_metadata": {
  2340. "name": "color/sand/900",
  2341. "figmaId": "VariableID:1728:901",
  2342. "modes": {
  2343. "value": "rgba(18,17,13,1.00)"
  2344. }
  2345. }
  2346. },
  2347. "950": {
  2348. "$type": "color",
  2349. "$value": "#0d0c09",
  2350. "$description": "",
  2351. "$variable_metadata": {
  2352. "name": "color/sand/950",
  2353. "figmaId": "VariableID:3334:43312",
  2354. "modes": {
  2355. "value": "rgba(13,12,9,1.00)"
  2356. }
  2357. }
  2358. },
  2359. "000": {
  2360. "$type": "color",
  2361. "$value": "#fdfdfc",
  2362. "$description": "",
  2363. "$variable_metadata": {
  2364. "name": "color/sand/000",
  2365. "figmaId": "VariableID:1728:909",
  2366. "modes": {
  2367. "value": "rgba(253,253,252,1.00)"
  2368. }
  2369. }
  2370. }
  2371. },
  2372. "$grape": {
  2373. "100": {
  2374. "$type": "color",
  2375. "$value": "#d4dbfb",
  2376. "$description": "",
  2377. "$variable_metadata": {
  2378. "name": "color/grape/100",
  2379. "figmaId": "VariableID:1728:948",
  2380. "modes": {
  2381. "value": "rgba(212,219,251,1.00)"
  2382. }
  2383. }
  2384. },
  2385. "200": {
  2386. "$type": "color",
  2387. "$value": "#b6c3f8",
  2388. "$description": "",
  2389. "$variable_metadata": {
  2390. "name": "color/grape/200",
  2391. "figmaId": "VariableID:1728:947",
  2392. "modes": {
  2393. "value": "rgba(182,195,248,1.00)"
  2394. }
  2395. }
  2396. },
  2397. "300": {
  2398. "$type": "color",
  2399. "$value": "#99abf5",
  2400. "$description": "",
  2401. "$variable_metadata": {
  2402. "name": "color/grape/300",
  2403. "figmaId": "VariableID:1728:946",
  2404. "modes": {
  2405. "value": "rgba(153,171,245,1.00)"
  2406. }
  2407. }
  2408. },
  2409. "400": {
  2410. "$type": "color",
  2411. "$value": "#6d87f1",
  2412. "$description": "",
  2413. "$variable_metadata": {
  2414. "name": "color/grape/400",
  2415. "figmaId": "VariableID:1728:945",
  2416. "modes": {
  2417. "value": "rgba(109,135,241,1.00)"
  2418. }
  2419. }
  2420. },
  2421. "500": {
  2422. "$type": "color",
  2423. "$value": "#617ada",
  2424. "$description": "",
  2425. "$variable_metadata": {
  2426. "name": "color/grape/500",
  2427. "figmaId": "VariableID:1728:944",
  2428. "modes": {
  2429. "value": "rgba(97,122,218,1.00)"
  2430. }
  2431. }
  2432. },
  2433. "600": {
  2434. "$type": "color",
  2435. "$value": "#576cc1",
  2436. "$description": "",
  2437. "$variable_metadata": {
  2438. "name": "color/grape/600",
  2439. "figmaId": "VariableID:1728:943",
  2440. "modes": {
  2441. "value": "rgba(87,108,193,1.00)"
  2442. }
  2443. }
  2444. },
  2445. "700": {
  2446. "$type": "color",
  2447. "$value": "#4c5fa9",
  2448. "$description": "",
  2449. "$variable_metadata": {
  2450. "name": "color/grape/700",
  2451. "figmaId": "VariableID:1728:942",
  2452. "modes": {
  2453. "value": "rgba(76,95,169,1.00)"
  2454. }
  2455. }
  2456. },
  2457. "800": {
  2458. "$type": "color",
  2459. "$value": "#37447a",
  2460. "$description": "",
  2461. "$variable_metadata": {
  2462. "name": "color/grape/800",
  2463. "figmaId": "VariableID:1728:941",
  2464. "modes": {
  2465. "value": "rgba(55,68,122,1.00)"
  2466. }
  2467. }
  2468. },
  2469. "900": {
  2470. "$type": "color",
  2471. "$value": "#2b3660",
  2472. "$description": "",
  2473. "$variable_metadata": {
  2474. "name": "color/grape/900",
  2475. "figmaId": "VariableID:1728:940",
  2476. "modes": {
  2477. "value": "rgba(43,54,96,1.00)"
  2478. }
  2479. }
  2480. },
  2481. "950": {
  2482. "$type": "color",
  2483. "$value": "#111626",
  2484. "$description": "",
  2485. "$variable_metadata": {
  2486. "name": "color/grape/950",
  2487. "figmaId": "VariableID:3334:43313",
  2488. "modes": {
  2489. "value": "rgba(17,22,38,1.00)"
  2490. }
  2491. }
  2492. },
  2493. "000": {
  2494. "$type": "color",
  2495. "$value": "#f0f3fe",
  2496. "$description": "",
  2497. "$variable_metadata": {
  2498. "name": "color/grape/000",
  2499. "figmaId": "VariableID:1728:949",
  2500. "modes": {
  2501. "value": "rgba(240,243,254,1.00)"
  2502. }
  2503. }
  2504. }
  2505. },
  2506. "$blueberry": {
  2507. "100": {
  2508. "$type": "color",
  2509. "$value": "#d4e7fb",
  2510. "$description": "",
  2511. "$variable_metadata": {
  2512. "name": "color/blueberry/100",
  2513. "figmaId": "VariableID:3213:2421",
  2514. "modes": {
  2515. "value": "rgba(212,231,251,1.00)"
  2516. }
  2517. }
  2518. },
  2519. "200": {
  2520. "$type": "color",
  2521. "$value": "#b6d6f8",
  2522. "$description": "",
  2523. "$variable_metadata": {
  2524. "name": "color/blueberry/200",
  2525. "figmaId": "VariableID:3213:2420",
  2526. "modes": {
  2527. "value": "rgba(182,214,248,1.00)"
  2528. }
  2529. }
  2530. },
  2531. "300": {
  2532. "$type": "color",
  2533. "$value": "#99c5f5",
  2534. "$description": "",
  2535. "$variable_metadata": {
  2536. "name": "color/blueberry/300",
  2537. "figmaId": "VariableID:3213:2419",
  2538. "modes": {
  2539. "value": "rgba(153,197,245,1.00)"
  2540. }
  2541. }
  2542. },
  2543. "400": {
  2544. "$type": "color",
  2545. "$value": "#539eee",
  2546. "$description": "",
  2547. "$variable_metadata": {
  2548. "name": "color/blueberry/400",
  2549. "figmaId": "VariableID:3213:2418",
  2550. "modes": {
  2551. "value": "rgba(83,158,238,1.00)"
  2552. }
  2553. }
  2554. },
  2555. "500": {
  2556. "$type": "color",
  2557. "$value": "#3287e2",
  2558. "$description": "",
  2559. "$variable_metadata": {
  2560. "name": "color/blueberry/500",
  2561. "figmaId": "VariableID:3213:2417",
  2562. "modes": {
  2563. "value": "rgba(50,135,226,1.00)"
  2564. }
  2565. }
  2566. },
  2567. "600": {
  2568. "$type": "color",
  2569. "$value": "#2b78ca",
  2570. "$description": "",
  2571. "$variable_metadata": {
  2572. "name": "color/blueberry/600",
  2573. "figmaId": "VariableID:3213:2416",
  2574. "modes": {
  2575. "value": "rgba(43,120,202,1.00)"
  2576. }
  2577. }
  2578. },
  2579. "700": {
  2580. "$type": "color",
  2581. "$value": "#2b69ab",
  2582. "$description": "",
  2583. "$variable_metadata": {
  2584. "name": "color/blueberry/700",
  2585. "figmaId": "VariableID:3213:2415",
  2586. "modes": {
  2587. "value": "rgba(43,105,171,1.00)"
  2588. }
  2589. }
  2590. },
  2591. "800": {
  2592. "$type": "color",
  2593. "$value": "#25507e",
  2594. "$description": "",
  2595. "$variable_metadata": {
  2596. "name": "color/blueberry/800",
  2597. "figmaId": "VariableID:3213:2414",
  2598. "modes": {
  2599. "value": "rgba(37,80,126,1.00)"
  2600. }
  2601. }
  2602. },
  2603. "900": {
  2604. "$type": "color",
  2605. "$value": "#1c3c5f",
  2606. "$description": "",
  2607. "$variable_metadata": {
  2608. "name": "color/blueberry/900",
  2609. "figmaId": "VariableID:3213:2413",
  2610. "modes": {
  2611. "value": "rgba(28,60,95,1.00)"
  2612. }
  2613. }
  2614. },
  2615. "950": {
  2616. "$type": "color",
  2617. "$value": "#0b1826",
  2618. "$description": "",
  2619. "$variable_metadata": {
  2620. "name": "color/blueberry/950",
  2621. "figmaId": "VariableID:3334:43314",
  2622. "modes": {
  2623. "value": "rgba(11,24,38,1.00)"
  2624. }
  2625. }
  2626. },
  2627. "000": {
  2628. "$type": "color",
  2629. "$value": "#f0f7fe",
  2630. "$description": "",
  2631. "$variable_metadata": {
  2632. "name": "color/blueberry/000",
  2633. "figmaId": "VariableID:3213:2422",
  2634. "modes": {
  2635. "value": "rgba(240,247,254,1.00)"
  2636. }
  2637. }
  2638. }
  2639. },
  2640. "$kale": {
  2641. "100": {
  2642. "$type": "color",
  2643. "$value": "#d4f1eb",
  2644. "$description": "",
  2645. "$variable_metadata": {
  2646. "name": "color/kale/100",
  2647. "figmaId": "VariableID:2657:30713",
  2648. "modes": {
  2649. "value": "rgba(212,241,235,1.00)"
  2650. }
  2651. }
  2652. },
  2653. "200": {
  2654. "$type": "color",
  2655. "$value": "#abe4da",
  2656. "$description": "",
  2657. "$variable_metadata": {
  2658. "name": "color/kale/200",
  2659. "figmaId": "VariableID:2657:30712",
  2660. "modes": {
  2661. "value": "rgba(171,228,218,1.00)"
  2662. }
  2663. }
  2664. },
  2665. "300": {
  2666. "$type": "color",
  2667. "$value": "#7acec1",
  2668. "$description": "",
  2669. "$variable_metadata": {
  2670. "name": "color/kale/300",
  2671. "figmaId": "VariableID:2657:30711",
  2672. "modes": {
  2673. "value": "rgba(122,206,193,1.00)"
  2674. }
  2675. }
  2676. },
  2677. "400": {
  2678. "$type": "color",
  2679. "$value": "#57b7ab",
  2680. "$description": "",
  2681. "$variable_metadata": {
  2682. "name": "color/kale/400",
  2683. "figmaId": "VariableID:2657:30710",
  2684. "modes": {
  2685. "value": "rgba(87,183,171,1.00)"
  2686. }
  2687. }
  2688. },
  2689. "500": {
  2690. "$type": "color",
  2691. "$value": "#34988d",
  2692. "$description": "",
  2693. "$variable_metadata": {
  2694. "name": "color/kale/500",
  2695. "figmaId": "VariableID:2657:30709",
  2696. "modes": {
  2697. "value": "rgba(52,152,141,1.00)"
  2698. }
  2699. }
  2700. },
  2701. "600": {
  2702. "$type": "color",
  2703. "$value": "#287a72",
  2704. "$description": "",
  2705. "$variable_metadata": {
  2706. "name": "color/kale/600",
  2707. "figmaId": "VariableID:2657:30708",
  2708. "modes": {
  2709. "value": "rgba(40,122,114,1.00)"
  2710. }
  2711. }
  2712. },
  2713. "700": {
  2714. "$type": "color",
  2715. "$value": "#22625d",
  2716. "$description": "",
  2717. "$variable_metadata": {
  2718. "name": "color/kale/700",
  2719. "figmaId": "VariableID:2657:30707",
  2720. "modes": {
  2721. "value": "rgba(34,98,93,1.00)"
  2722. }
  2723. }
  2724. },
  2725. "800": {
  2726. "$type": "color",
  2727. "$value": "#204f4d",
  2728. "$description": "",
  2729. "$variable_metadata": {
  2730. "name": "color/kale/800",
  2731. "figmaId": "VariableID:2657:30706",
  2732. "modes": {
  2733. "value": "rgba(32,79,77,1.00)"
  2734. }
  2735. }
  2736. },
  2737. "900": {
  2738. "$type": "color",
  2739. "$value": "#1f4240",
  2740. "$description": "",
  2741. "$variable_metadata": {
  2742. "name": "color/kale/900",
  2743. "figmaId": "VariableID:2657:30705",
  2744. "modes": {
  2745. "value": "rgba(31,66,64,1.00)"
  2746. }
  2747. }
  2748. },
  2749. "950": {
  2750. "$type": "color",
  2751. "$value": "#122625",
  2752. "$description": "",
  2753. "$variable_metadata": {
  2754. "name": "color/kale/950",
  2755. "figmaId": "VariableID:3334:43315",
  2756. "modes": {
  2757. "value": "rgba(18,38,37,1.00)"
  2758. }
  2759. }
  2760. },
  2761. "000": {
  2762. "$type": "color",
  2763. "$value": "#f4f9f9",
  2764. "$description": "",
  2765. "$variable_metadata": {
  2766. "name": "color/kale/000",
  2767. "figmaId": "VariableID:2657:30714",
  2768. "modes": {
  2769. "value": "rgba(244,249,249,1.00)"
  2770. }
  2771. }
  2772. }
  2773. },
  2774. "$kiwi": {
  2775. "100": {
  2776. "$type": "color",
  2777. "$value": "#def1d4",
  2778. "$description": "",
  2779. "$variable_metadata": {
  2780. "name": "color/kiwi/100",
  2781. "figmaId": "VariableID:3207:27257",
  2782. "modes": {
  2783. "value": "rgba(222,241,212,1.00)"
  2784. }
  2785. }
  2786. },
  2787. "200": {
  2788. "$type": "color",
  2789. "$value": "#bfe4ab",
  2790. "$description": "",
  2791. "$variable_metadata": {
  2792. "name": "color/kiwi/200",
  2793. "figmaId": "VariableID:3207:27256",
  2794. "modes": {
  2795. "value": "rgba(191,228,171,1.00)"
  2796. }
  2797. }
  2798. },
  2799. "300": {
  2800. "$type": "color",
  2801. "$value": "#97ce7a",
  2802. "$description": "",
  2803. "$variable_metadata": {
  2804. "name": "color/kiwi/300",
  2805. "figmaId": "VariableID:3207:27255",
  2806. "modes": {
  2807. "value": "rgba(151,206,122,1.00)"
  2808. }
  2809. }
  2810. },
  2811. "400": {
  2812. "$type": "color",
  2813. "$value": "#78b757",
  2814. "$description": "",
  2815. "$variable_metadata": {
  2816. "name": "color/kiwi/400",
  2817. "figmaId": "VariableID:3207:27254",
  2818. "modes": {
  2819. "value": "rgba(120,183,87,1.00)"
  2820. }
  2821. }
  2822. },
  2823. "500": {
  2824. "$type": "color",
  2825. "$value": "#579834",
  2826. "$description": "",
  2827. "$variable_metadata": {
  2828. "name": "color/kiwi/500",
  2829. "figmaId": "VariableID:3207:27253",
  2830. "modes": {
  2831. "value": "rgba(87,152,52,1.00)"
  2832. }
  2833. }
  2834. },
  2835. "600": {
  2836. "$type": "color",
  2837. "$value": "#457a28",
  2838. "$description": "",
  2839. "$variable_metadata": {
  2840. "name": "color/kiwi/600",
  2841. "figmaId": "VariableID:3207:27252",
  2842. "modes": {
  2843. "value": "rgba(69,122,40,1.00)"
  2844. }
  2845. }
  2846. },
  2847. "700": {
  2848. "$type": "color",
  2849. "$value": "#386222",
  2850. "$description": "",
  2851. "$variable_metadata": {
  2852. "name": "color/kiwi/700",
  2853. "figmaId": "VariableID:3207:27251",
  2854. "modes": {
  2855. "value": "rgba(56,98,34,1.00)"
  2856. }
  2857. }
  2858. },
  2859. "800": {
  2860. "$type": "color",
  2861. "$value": "#304f20",
  2862. "$description": "",
  2863. "$variable_metadata": {
  2864. "name": "color/kiwi/800",
  2865. "figmaId": "VariableID:3207:27250",
  2866. "modes": {
  2867. "value": "rgba(48,79,32,1.00)"
  2868. }
  2869. }
  2870. },
  2871. "900": {
  2872. "$type": "color",
  2873. "$value": "#2b421f",
  2874. "$description": "",
  2875. "$variable_metadata": {
  2876. "name": "color/kiwi/900",
  2877. "figmaId": "VariableID:3207:27249",
  2878. "modes": {
  2879. "value": "rgba(43,66,31,1.00)"
  2880. }
  2881. }
  2882. },
  2883. "950": {
  2884. "$type": "color",
  2885. "$value": "#192612",
  2886. "$description": "",
  2887. "$variable_metadata": {
  2888. "name": "color/kiwi/950",
  2889. "figmaId": "VariableID:3334:43316",
  2890. "modes": {
  2891. "value": "rgba(25,38,18,1.00)"
  2892. }
  2893. }
  2894. },
  2895. "000": {
  2896. "$type": "color",
  2897. "$value": "#f6f9f4",
  2898. "$description": "",
  2899. "$variable_metadata": {
  2900. "name": "color/kiwi/000",
  2901. "figmaId": "VariableID:3207:27258",
  2902. "modes": {
  2903. "value": "rgba(246,249,244,1.00)"
  2904. }
  2905. }
  2906. }
  2907. },
  2908. "$mango": {
  2909. "100": {
  2910. "$type": "color",
  2911. "$value": "#ffeed0",
  2912. "$description": "",
  2913. "$variable_metadata": {
  2914. "name": "color/mango/100",
  2915. "figmaId": "VariableID:3207:27267",
  2916. "modes": {
  2917. "value": "rgba(255,238,208,1.00)"
  2918. }
  2919. }
  2920. },
  2921. "200": {
  2922. "$type": "color",
  2923. "$value": "#ffe2b1",
  2924. "$description": "",
  2925. "$variable_metadata": {
  2926. "name": "color/mango/200",
  2927. "figmaId": "VariableID:3207:27266",
  2928. "modes": {
  2929. "value": "rgba(255,226,177,1.00)"
  2930. }
  2931. }
  2932. },
  2933. "300": {
  2934. "$type": "color",
  2935. "$value": "#ffd182",
  2936. "$description": "",
  2937. "$variable_metadata": {
  2938. "name": "color/mango/300",
  2939. "figmaId": "VariableID:3207:27265",
  2940. "modes": {
  2941. "value": "rgba(255,209,130,1.00)"
  2942. }
  2943. }
  2944. },
  2945. "400": {
  2946. "$type": "color",
  2947. "$value": "#faba4c",
  2948. "$description": "",
  2949. "$variable_metadata": {
  2950. "name": "color/mango/400",
  2951. "figmaId": "VariableID:3207:27264",
  2952. "modes": {
  2953. "value": "rgba(250,186,76,1.00)"
  2954. }
  2955. }
  2956. },
  2957. "500": {
  2958. "$type": "color",
  2959. "$value": "#f4aa2a",
  2960. "$description": "",
  2961. "$variable_metadata": {
  2962. "name": "color/mango/500",
  2963. "figmaId": "VariableID:3207:27263",
  2964. "modes": {
  2965. "value": "rgba(244,170,42,1.00)"
  2966. }
  2967. }
  2968. },
  2969. "600": {
  2970. "$type": "color",
  2971. "$value": "#eb9c14",
  2972. "$description": "",
  2973. "$variable_metadata": {
  2974. "name": "color/mango/600",
  2975. "figmaId": "VariableID:3207:27262",
  2976. "modes": {
  2977. "value": "rgba(235,156,20,1.00)"
  2978. }
  2979. }
  2980. },
  2981. "700": {
  2982. "$type": "color",
  2983. "$value": "#cc8e24",
  2984. "$description": "",
  2985. "$variable_metadata": {
  2986. "name": "color/mango/700",
  2987. "figmaId": "VariableID:3207:27261",
  2988. "modes": {
  2989. "value": "rgba(204,142,36,1.00)"
  2990. }
  2991. }
  2992. },
  2993. "800": {
  2994. "$type": "color",
  2995. "$value": "#a07222",
  2996. "$description": "",
  2997. "$variable_metadata": {
  2998. "name": "color/mango/800",
  2999. "figmaId": "VariableID:3207:27260",
  3000. "modes": {
  3001. "value": "rgba(160,114,34,1.00)"
  3002. }
  3003. }
  3004. },
  3005. "900": {
  3006. "$type": "color",
  3007. "$value": "#624718",
  3008. "$description": "",
  3009. "$variable_metadata": {
  3010. "name": "color/mango/900",
  3011. "figmaId": "VariableID:3207:27259",
  3012. "modes": {
  3013. "value": "rgba(98,71,24,1.00)"
  3014. }
  3015. }
  3016. },
  3017. "950": {
  3018. "$type": "color",
  3019. "$value": "#261c0a",
  3020. "$description": "",
  3021. "$variable_metadata": {
  3022. "name": "color/mango/950",
  3023. "figmaId": "VariableID:3334:43318",
  3024. "modes": {
  3025. "value": "rgba(38,28,10,1.00)"
  3026. }
  3027. }
  3028. },
  3029. "000": {
  3030. "$type": "color",
  3031. "$value": "#fff9ef",
  3032. "$description": "",
  3033. "$variable_metadata": {
  3034. "name": "color/mango/000",
  3035. "figmaId": "VariableID:3207:27268",
  3036. "modes": {
  3037. "value": "rgba(255,249,239,1.00)"
  3038. }
  3039. }
  3040. }
  3041. },
  3042. "$canteloupe": {
  3043. "100": {
  3044. "$type": "color",
  3045. "$value": "#ffe4d0",
  3046. "$description": "",
  3047. "$variable_metadata": {
  3048. "name": "color/canteloupe/100",
  3049. "figmaId": "VariableID:1728:928",
  3050. "modes": {
  3051. "value": "rgba(255,228,208,1.00)"
  3052. }
  3053. }
  3054. },
  3055. "200": {
  3056. "$type": "color",
  3057. "$value": "#ffd3b1",
  3058. "$description": "",
  3059. "$variable_metadata": {
  3060. "name": "color/canteloupe/200",
  3061. "figmaId": "VariableID:1728:927",
  3062. "modes": {
  3063. "value": "rgba(255,211,177,1.00)"
  3064. }
  3065. }
  3066. },
  3067. "300": {
  3068. "$type": "color",
  3069. "$value": "#ffb882",
  3070. "$description": "",
  3071. "$variable_metadata": {
  3072. "name": "color/canteloupe/300",
  3073. "figmaId": "VariableID:1728:926",
  3074. "modes": {
  3075. "value": "rgba(255,184,130,1.00)"
  3076. }
  3077. }
  3078. },
  3079. "400": {
  3080. "$type": "color",
  3081. "$value": "#ffa663",
  3082. "$description": "",
  3083. "$variable_metadata": {
  3084. "name": "color/canteloupe/400",
  3085. "figmaId": "VariableID:1728:925",
  3086. "modes": {
  3087. "value": "rgba(255,166,99,1.00)"
  3088. }
  3089. }
  3090. },
  3091. "500": {
  3092. "$type": "color",
  3093. "$value": "#e69559",
  3094. "$description": "",
  3095. "$variable_metadata": {
  3096. "name": "color/canteloupe/500",
  3097. "figmaId": "VariableID:1728:924",
  3098. "modes": {
  3099. "value": "rgba(230,149,89,1.00)"
  3100. }
  3101. }
  3102. },
  3103. "600": {
  3104. "$type": "color",
  3105. "$value": "#cc854f",
  3106. "$description": "",
  3107. "$variable_metadata": {
  3108. "name": "color/canteloupe/600",
  3109. "figmaId": "VariableID:1728:923",
  3110. "modes": {
  3111. "value": "rgba(204,133,79,1.00)"
  3112. }
  3113. }
  3114. },
  3115. "700": {
  3116. "$type": "color",
  3117. "$value": "#b37445",
  3118. "$description": "",
  3119. "$variable_metadata": {
  3120. "name": "color/canteloupe/700",
  3121. "figmaId": "VariableID:1728:922",
  3122. "modes": {
  3123. "value": "rgba(179,116,69,1.00)"
  3124. }
  3125. }
  3126. },
  3127. "800": {
  3128. "$type": "color",
  3129. "$value": "#99643a",
  3130. "$description": "",
  3131. "$variable_metadata": {
  3132. "name": "color/canteloupe/800",
  3133. "figmaId": "VariableID:1728:921",
  3134. "modes": {
  3135. "value": "rgba(153,100,58,1.00)"
  3136. }
  3137. }
  3138. },
  3139. "900": {
  3140. "$type": "color",
  3141. "$value": "#664228",
  3142. "$description": "",
  3143. "$variable_metadata": {
  3144. "name": "color/canteloupe/900",
  3145. "figmaId": "VariableID:1728:920",
  3146. "modes": {
  3147. "value": "rgba(102,66,40,1.00)"
  3148. }
  3149. }
  3150. },
  3151. "950": {
  3152. "$type": "color",
  3153. "$value": "#331c14",
  3154. "$description": "",
  3155. "$variable_metadata": {
  3156. "name": "color/canteloupe/950",
  3157. "figmaId": "VariableID:3334:43317",
  3158. "modes": {
  3159. "value": "rgba(51,28,20,1.00)"
  3160. }
  3161. }
  3162. },
  3163. "000": {
  3164. "$type": "color",
  3165. "$value": "#fff6ef",
  3166. "$description": "",
  3167. "$variable_metadata": {
  3168. "name": "color/canteloupe/000",
  3169. "figmaId": "VariableID:1728:929",
  3170. "modes": {
  3171. "value": "rgba(255,246,239,1.00)"
  3172. }
  3173. }
  3174. }
  3175. },
  3176. "$persimmon": {
  3177. "100": {
  3178. "$type": "color",
  3179. "$value": "#ffd6cd",
  3180. "$description": "",
  3181. "$variable_metadata": {
  3182. "name": "color/persimmon/100",
  3183. "figmaId": "VariableID:1728:918",
  3184. "modes": {
  3185. "value": "rgba(255,214,205,1.00)"
  3186. }
  3187. }
  3188. },
  3189. "200": {
  3190. "$type": "color",
  3191. "$value": "#ffbaaa",
  3192. "$description": "",
  3193. "$variable_metadata": {
  3194. "name": "color/persimmon/200",
  3195. "figmaId": "VariableID:1728:917",
  3196. "modes": {
  3197. "value": "rgba(255,186,170,1.00)"
  3198. }
  3199. }
  3200. },
  3201. "300": {
  3202. "$type": "color",
  3203. "$value": "#ff9f89",
  3204. "$description": "",
  3205. "$variable_metadata": {
  3206. "name": "color/persimmon/300",
  3207. "figmaId": "VariableID:1728:916",
  3208. "modes": {
  3209. "value": "rgba(255,159,137,1.00)"
  3210. }
  3211. }
  3212. },
  3213. "400": {
  3214. "$type": "color",
  3215. "$value": "#ff7557",
  3216. "$description": "",
  3217. "$variable_metadata": {
  3218. "name": "color/persimmon/400",
  3219. "figmaId": "VariableID:1728:915",
  3220. "modes": {
  3221. "value": "rgba(255,117,87,1.00)"
  3222. }
  3223. }
  3224. },
  3225. "500": {
  3226. "$type": "color",
  3227. "$value": "#e6694e",
  3228. "$description": "",
  3229. "$variable_metadata": {
  3230. "name": "color/persimmon/500",
  3231. "figmaId": "VariableID:1728:914",
  3232. "modes": {
  3233. "value": "rgba(230,105,78,1.00)"
  3234. }
  3235. }
  3236. },
  3237. "600": {
  3238. "$type": "color",
  3239. "$value": "#cc5e46",
  3240. "$description": "",
  3241. "$variable_metadata": {
  3242. "name": "color/persimmon/600",
  3243. "figmaId": "VariableID:1728:913",
  3244. "modes": {
  3245. "value": "rgba(204,94,70,1.00)"
  3246. }
  3247. }
  3248. },
  3249. "700": {
  3250. "$type": "color",
  3251. "$value": "#b3523d",
  3252. "$description": "",
  3253. "$variable_metadata": {
  3254. "name": "color/persimmon/700",
  3255. "figmaId": "VariableID:1728:912",
  3256. "modes": {
  3257. "value": "rgba(179,82,61,1.00)"
  3258. }
  3259. }
  3260. },
  3261. "800": {
  3262. "$type": "color",
  3263. "$value": "#994634",
  3264. "$description": "",
  3265. "$variable_metadata": {
  3266. "name": "color/persimmon/800",
  3267. "figmaId": "VariableID:1728:911",
  3268. "modes": {
  3269. "value": "rgba(153,70,52,1.00)"
  3270. }
  3271. }
  3272. },
  3273. "900": {
  3274. "$type": "color",
  3275. "$value": "#803b2c",
  3276. "$description": "",
  3277. "$variable_metadata": {
  3278. "name": "color/persimmon/900",
  3279. "figmaId": "VariableID:1728:910",
  3280. "modes": {
  3281. "value": "rgba(128,59,44,1.00)"
  3282. }
  3283. }
  3284. },
  3285. "950": {
  3286. "$type": "color",
  3287. "$value": "#26120d",
  3288. "$description": "",
  3289. "$variable_metadata": {
  3290. "name": "color/persimmon/950",
  3291. "figmaId": "VariableID:3334:43319",
  3292. "modes": {
  3293. "value": "rgba(38,18,13,1.00)"
  3294. }
  3295. }
  3296. },
  3297. "000": {
  3298. "$type": "color",
  3299. "$value": "#fff1ee",
  3300. "$description": "",
  3301. "$variable_metadata": {
  3302. "name": "color/persimmon/000",
  3303. "figmaId": "VariableID:1728:919",
  3304. "modes": {
  3305. "value": "rgba(255,241,238,1.00)"
  3306. }
  3307. }
  3308. }
  3309. },
  3310. "$plum": {
  3311. "100": {
  3312. "$type": "color",
  3313. "$value": "#f7d6f2",
  3314. "$description": "",
  3315. "$variable_metadata": {
  3316. "name": "color/plum/100",
  3317. "figmaId": "VariableID:1728:938",
  3318. "modes": {
  3319. "value": "rgba(247,214,242,1.00)"
  3320. }
  3321. }
  3322. },
  3323. "200": {
  3324. "$type": "color",
  3325. "$value": "#f1bde9",
  3326. "$description": "",
  3327. "$variable_metadata": {
  3328. "name": "color/plum/200",
  3329. "figmaId": "VariableID:1728:937",
  3330. "modes": {
  3331. "value": "rgba(241,189,233,1.00)"
  3332. }
  3333. }
  3334. },
  3335. "300": {
  3336. "$type": "color",
  3337. "$value": "#e995dc",
  3338. "$description": "",
  3339. "$variable_metadata": {
  3340. "name": "color/plum/300",
  3341. "figmaId": "VariableID:1728:936",
  3342. "modes": {
  3343. "value": "rgba(233,149,220,1.00)"
  3344. }
  3345. }
  3346. },
  3347. "400": {
  3348. "$type": "color",
  3349. "$value": "#e37bd3",
  3350. "$description": "",
  3351. "$variable_metadata": {
  3352. "name": "color/plum/400",
  3353. "figmaId": "VariableID:1728:935",
  3354. "modes": {
  3355. "value": "rgba(227,123,211,1.00)"
  3356. }
  3357. }
  3358. },
  3359. "500": {
  3360. "$type": "color",
  3361. "$value": "#cc6fbe",
  3362. "$description": "",
  3363. "$variable_metadata": {
  3364. "name": "color/plum/500",
  3365. "figmaId": "VariableID:1728:934",
  3366. "modes": {
  3367. "value": "rgba(204,111,190,1.00)"
  3368. }
  3369. }
  3370. },
  3371. "600": {
  3372. "$type": "color",
  3373. "$value": "#b662a9",
  3374. "$description": "",
  3375. "$variable_metadata": {
  3376. "name": "color/plum/600",
  3377. "figmaId": "VariableID:1728:933",
  3378. "modes": {
  3379. "value": "rgba(182,98,169,1.00)"
  3380. }
  3381. }
  3382. },
  3383. "700": {
  3384. "$type": "color",
  3385. "$value": "#9f5694",
  3386. "$description": "",
  3387. "$variable_metadata": {
  3388. "name": "color/plum/700",
  3389. "figmaId": "VariableID:1728:932",
  3390. "modes": {
  3391. "value": "rgba(159,86,148,1.00)"
  3392. }
  3393. }
  3394. },
  3395. "800": {
  3396. "$type": "color",
  3397. "$value": "#884a80",
  3398. "$description": "",
  3399. "$variable_metadata": {
  3400. "name": "color/plum/800",
  3401. "figmaId": "VariableID:1728:931",
  3402. "modes": {
  3403. "value": "rgba(136,74,128,1.00)"
  3404. }
  3405. }
  3406. },
  3407. "900": {
  3408. "$type": "color",
  3409. "$value": "#723e6a",
  3410. "$description": "",
  3411. "$variable_metadata": {
  3412. "name": "color/plum/900",
  3413. "figmaId": "VariableID:1728:930",
  3414. "modes": {
  3415. "value": "rgba(114,62,106,1.00)"
  3416. }
  3417. }
  3418. },
  3419. "950": {
  3420. "$type": "color",
  3421. "$value": "#261524",
  3422. "$description": "",
  3423. "$variable_metadata": {
  3424. "name": "color/plum/950",
  3425. "figmaId": "VariableID:3334:43320",
  3426. "modes": {
  3427. "value": "rgba(38,21,36,1.00)"
  3428. }
  3429. }
  3430. },
  3431. "000": {
  3432. "$type": "color",
  3433. "$value": "#fbf2fc",
  3434. "$description": "",
  3435. "$variable_metadata": {
  3436. "name": "color/plum/000",
  3437. "figmaId": "VariableID:1728:939",
  3438. "modes": {
  3439. "value": "rgba(251,242,252,1.00)"
  3440. }
  3441. }
  3442. }
  3443. },
  3444. "$fig": {
  3445. "100": {
  3446. "$type": "color",
  3447. "$value": "#e9d6f7",
  3448. "$description": "",
  3449. "$variable_metadata": {
  3450. "name": "color/fig/100",
  3451. "figmaId": "VariableID:3207:27247",
  3452. "modes": {
  3453. "value": "rgba(233,214,247,1.00)"
  3454. }
  3455. }
  3456. },
  3457. "200": {
  3458. "$type": "color",
  3459. "$value": "#dabdf1",
  3460. "$description": "",
  3461. "$variable_metadata": {
  3462. "name": "color/fig/200",
  3463. "figmaId": "VariableID:3207:27246",
  3464. "modes": {
  3465. "value": "rgba(218,189,241,1.00)"
  3466. }
  3467. }
  3468. },
  3469. "300": {
  3470. "$type": "color",
  3471. "$value": "#c595e9",
  3472. "$description": "",
  3473. "$variable_metadata": {
  3474. "name": "color/fig/300",
  3475. "figmaId": "VariableID:3207:27245",
  3476. "modes": {
  3477. "value": "rgba(197,149,233,1.00)"
  3478. }
  3479. }
  3480. },
  3481. "400": {
  3482. "$type": "color",
  3483. "$value": "#ac79d2",
  3484. "$description": "",
  3485. "$variable_metadata": {
  3486. "name": "color/fig/400",
  3487. "figmaId": "VariableID:3207:27244",
  3488. "modes": {
  3489. "value": "rgba(172,121,210,1.00)"
  3490. }
  3491. }
  3492. },
  3493. "500": {
  3494. "$type": "color",
  3495. "$value": "#9f6cc6",
  3496. "$description": "",
  3497. "$variable_metadata": {
  3498. "name": "color/fig/500",
  3499. "figmaId": "VariableID:3207:27243",
  3500. "modes": {
  3501. "value": "rgba(159,108,198,1.00)"
  3502. }
  3503. }
  3504. },
  3505. "600": {
  3506. "$type": "color",
  3507. "$value": "#9262b6",
  3508. "$description": "",
  3509. "$variable_metadata": {
  3510. "name": "color/fig/600",
  3511. "figmaId": "VariableID:3207:27242",
  3512. "modes": {
  3513. "value": "rgba(146,98,182,1.00)"
  3514. }
  3515. }
  3516. },
  3517. "700": {
  3518. "$type": "color",
  3519. "$value": "#7f569f",
  3520. "$description": "",
  3521. "$variable_metadata": {
  3522. "name": "color/fig/700",
  3523. "figmaId": "VariableID:3207:27241",
  3524. "modes": {
  3525. "value": "rgba(127,86,159,1.00)"
  3526. }
  3527. }
  3528. },
  3529. "800": {
  3530. "$type": "color",
  3531. "$value": "#6d4a88",
  3532. "$description": "",
  3533. "$variable_metadata": {
  3534. "name": "color/fig/800",
  3535. "figmaId": "VariableID:3207:27240",
  3536. "modes": {
  3537. "value": "rgba(109,74,136,1.00)"
  3538. }
  3539. }
  3540. },
  3541. "900": {
  3542. "$type": "color",
  3543. "$value": "#5b3e72",
  3544. "$description": "",
  3545. "$variable_metadata": {
  3546. "name": "color/fig/900",
  3547. "figmaId": "VariableID:3207:27239",
  3548. "modes": {
  3549. "value": "rgba(91,62,114,1.00)"
  3550. }
  3551. }
  3552. },
  3553. "950": {
  3554. "$type": "color",
  3555. "$value": "#1f1526",
  3556. "$description": "",
  3557. "$variable_metadata": {
  3558. "name": "color/fig/950",
  3559. "figmaId": "VariableID:3334:43321",
  3560. "modes": {
  3561. "value": "rgba(31,21,38,1.00)"
  3562. }
  3563. }
  3564. },
  3565. "000": {
  3566. "$type": "color",
  3567. "$value": "#f8f2fc",
  3568. "$description": "",
  3569. "$variable_metadata": {
  3570. "name": "color/fig/000",
  3571. "figmaId": "VariableID:3207:27248",
  3572. "modes": {
  3573. "value": "rgba(248,242,252,1.00)"
  3574. }
  3575. }
  3576. }
  3577. }
  3578. },
  3579. "$spacing": {
  3580. "0": {
  3581. "$type": "number",
  3582. "$value": 0,
  3583. "$description": "",
  3584. "$variable_metadata": {
  3585. "name": "spacing/0",
  3586. "figmaId": "VariableID:2652:26169",
  3587. "modes": {
  3588. "value": 0
  3589. }
  3590. }
  3591. },
  3592. "50": {
  3593. "$type": "number",
  3594. "$value": 2,
  3595. "$description": "",
  3596. "$variable_metadata": {
  3597. "name": "spacing/50",
  3598. "figmaId": "VariableID:1648:8350",
  3599. "modes": {
  3600. "value": 2
  3601. }
  3602. }
  3603. },
  3604. "100": {
  3605. "$type": "number",
  3606. "$value": 4,
  3607. "$description": "",
  3608. "$variable_metadata": {
  3609. "name": "spacing/100",
  3610. "figmaId": "VariableID:1532:4160",
  3611. "modes": {
  3612. "value": 4
  3613. }
  3614. }
  3615. },
  3616. "200": {
  3617. "$type": "number",
  3618. "$value": 8,
  3619. "$description": "",
  3620. "$variable_metadata": {
  3621. "name": "spacing/200",
  3622. "figmaId": "VariableID:1532:4161",
  3623. "modes": {
  3624. "value": 8
  3625. }
  3626. }
  3627. },
  3628. "300": {
  3629. "$type": "number",
  3630. "$value": 12,
  3631. "$description": "",
  3632. "$variable_metadata": {
  3633. "name": "spacing/300",
  3634. "figmaId": "VariableID:1532:4162",
  3635. "modes": {
  3636. "value": 12
  3637. }
  3638. }
  3639. },
  3640. "400": {
  3641. "$type": "number",
  3642. "$value": 16,
  3643. "$description": "",
  3644. "$variable_metadata": {
  3645. "name": "spacing/400",
  3646. "figmaId": "VariableID:1532:4163",
  3647. "modes": {
  3648. "value": 16
  3649. }
  3650. }
  3651. },
  3652. "500": {
  3653. "$type": "number",
  3654. "$value": 20,
  3655. "$description": "",
  3656. "$variable_metadata": {
  3657. "name": "spacing/500",
  3658. "figmaId": "VariableID:1532:4164",
  3659. "modes": {
  3660. "value": 20
  3661. }
  3662. }
  3663. },
  3664. "600": {
  3665. "$type": "number",
  3666. "$value": 24,
  3667. "$description": "",
  3668. "$variable_metadata": {
  3669. "name": "spacing/600",
  3670. "figmaId": "VariableID:1532:4165",
  3671. "modes": {
  3672. "value": 24
  3673. }
  3674. }
  3675. },
  3676. "700": {
  3677. "$type": "number",
  3678. "$value": 28,
  3679. "$description": "",
  3680. "$variable_metadata": {
  3681. "name": "spacing/700",
  3682. "figmaId": "VariableID:1532:4166",
  3683. "modes": {
  3684. "value": 28
  3685. }
  3686. }
  3687. },
  3688. "800": {
  3689. "$type": "number",
  3690. "$value": 32,
  3691. "$description": "",
  3692. "$variable_metadata": {
  3693. "name": "spacing/800",
  3694. "figmaId": "VariableID:1532:4167",
  3695. "modes": {
  3696. "value": 32
  3697. }
  3698. }
  3699. },
  3700. "900": {
  3701. "$type": "number",
  3702. "$value": 36,
  3703. "$description": "",
  3704. "$variable_metadata": {
  3705. "name": "spacing/900",
  3706. "figmaId": "VariableID:1532:4168",
  3707. "modes": {
  3708. "value": 36
  3709. }
  3710. }
  3711. },
  3712. "1000": {
  3713. "$type": "number",
  3714. "$value": 40,
  3715. "$description": "",
  3716. "$variable_metadata": {
  3717. "name": "spacing/1000",
  3718. "figmaId": "VariableID:1532:4169",
  3719. "modes": {
  3720. "value": 40
  3721. }
  3722. }
  3723. },
  3724. "1100": {
  3725. "$type": "number",
  3726. "$value": 44,
  3727. "$description": "",
  3728. "$variable_metadata": {
  3729. "name": "spacing/1100",
  3730. "figmaId": "VariableID:2657:26202",
  3731. "modes": {
  3732. "value": 44
  3733. }
  3734. }
  3735. },
  3736. "1200": {
  3737. "$type": "number",
  3738. "$value": 48,
  3739. "$description": "",
  3740. "$variable_metadata": {
  3741. "name": "spacing/1200",
  3742. "figmaId": "VariableID:2657:26203",
  3743. "modes": {
  3744. "value": 48
  3745. }
  3746. }
  3747. },
  3748. "1300": {
  3749. "$type": "number",
  3750. "$value": 52,
  3751. "$description": "",
  3752. "$variable_metadata": {
  3753. "name": "spacing/1300",
  3754. "figmaId": "VariableID:2657:26204",
  3755. "modes": {
  3756. "value": 52
  3757. }
  3758. }
  3759. },
  3760. "1400": {
  3761. "$type": "number",
  3762. "$value": 56,
  3763. "$description": "",
  3764. "$variable_metadata": {
  3765. "name": "spacing/1400",
  3766. "figmaId": "VariableID:2657:26205",
  3767. "modes": {
  3768. "value": 56
  3769. }
  3770. }
  3771. },
  3772. "1500": {
  3773. "$type": "number",
  3774. "$value": 60,
  3775. "$description": "",
  3776. "$variable_metadata": {
  3777. "name": "spacing/1500",
  3778. "figmaId": "VariableID:2657:26206",
  3779. "modes": {
  3780. "value": 60
  3781. }
  3782. }
  3783. },
  3784. "1600": {
  3785. "$type": "number",
  3786. "$value": 64,
  3787. "$description": "",
  3788. "$variable_metadata": {
  3789. "name": "spacing/1600",
  3790. "figmaId": "VariableID:2657:26207",
  3791. "modes": {
  3792. "value": 64
  3793. }
  3794. }
  3795. }
  3796. },
  3797. "$typography": {
  3798. "$font-family": {
  3799. "base": {
  3800. "$type": "fontFamily",
  3801. "$value": "Figtree",
  3802. "$description": "",
  3803. "$variable_metadata": {
  3804. "name": "typography/font-family/base",
  3805. "figmaId": "VariableID:2646:12130",
  3806. "modes": {
  3807. "value": "Figtree"
  3808. }
  3809. }
  3810. },
  3811. "mono": {
  3812. "$type": "fontFamily",
  3813. "$value": "IBM Plex Mono,monospace",
  3814. "$description": "",
  3815. "$variable_metadata": {
  3816. "name": "typography/font-family/mono",
  3817. "figmaId": "VariableID:2646:12151",
  3818. "modes": {
  3819. "value": "IBM Plex Mono,monospace"
  3820. }
  3821. }
  3822. }
  3823. },
  3824. "$font-size": {
  3825. "8": {
  3826. "$type": "number",
  3827. "$value": 8,
  3828. "$description": "",
  3829. "$variable_metadata": {
  3830. "name": "typography/font-size/8",
  3831. "figmaId": "VariableID:2651:30113",
  3832. "modes": {
  3833. "value": 8
  3834. }
  3835. }
  3836. },
  3837. "9": {
  3838. "$type": "number",
  3839. "$value": 9,
  3840. "$description": "",
  3841. "$variable_metadata": {
  3842. "name": "typography/font-size/9",
  3843. "figmaId": "VariableID:2651:30114",
  3844. "modes": {
  3845. "value": 9
  3846. }
  3847. }
  3848. },
  3849. "10": {
  3850. "$type": "number",
  3851. "$value": 10,
  3852. "$description": "",
  3853. "$variable_metadata": {
  3854. "name": "typography/font-size/10",
  3855. "figmaId": "VariableID:2651:30115",
  3856. "modes": {
  3857. "value": 10
  3858. }
  3859. }
  3860. },
  3861. "11": {
  3862. "$type": "number",
  3863. "$value": 11,
  3864. "$description": "",
  3865. "$variable_metadata": {
  3866. "name": "typography/font-size/11",
  3867. "figmaId": "VariableID:2651:30116",
  3868. "modes": {
  3869. "value": 11
  3870. }
  3871. }
  3872. },
  3873. "12": {
  3874. "$type": "number",
  3875. "$value": 12,
  3876. "$description": "",
  3877. "$variable_metadata": {
  3878. "name": "typography/font-size/12",
  3879. "figmaId": "VariableID:2651:30117",
  3880. "modes": {
  3881. "value": 12
  3882. }
  3883. }
  3884. },
  3885. "14": {
  3886. "$type": "number",
  3887. "$value": 14,
  3888. "$description": "",
  3889. "$variable_metadata": {
  3890. "name": "typography/font-size/14",
  3891. "figmaId": "VariableID:2651:30118",
  3892. "modes": {
  3893. "value": 14
  3894. }
  3895. }
  3896. },
  3897. "16": {
  3898. "$type": "number",
  3899. "$value": 16,
  3900. "$description": "",
  3901. "$variable_metadata": {
  3902. "name": "typography/font-size/16",
  3903. "figmaId": "VariableID:2651:30119",
  3904. "modes": {
  3905. "value": 16
  3906. }
  3907. }
  3908. },
  3909. "18": {
  3910. "$type": "number",
  3911. "$value": 18,
  3912. "$description": "",
  3913. "$variable_metadata": {
  3914. "name": "typography/font-size/18",
  3915. "figmaId": "VariableID:4830:11271",
  3916. "modes": {
  3917. "value": 18
  3918. }
  3919. }
  3920. },
  3921. "20": {
  3922. "$type": "number",
  3923. "$value": 20,
  3924. "$description": "",
  3925. "$variable_metadata": {
  3926. "name": "typography/font-size/20",
  3927. "figmaId": "VariableID:4831:11272",
  3928. "modes": {
  3929. "value": 20
  3930. }
  3931. }
  3932. },
  3933. "22": {
  3934. "$type": "number",
  3935. "$value": 22,
  3936. "$description": "",
  3937. "$variable_metadata": {
  3938. "name": "typography/font-size/22",
  3939. "figmaId": "VariableID:2651:30120",
  3940. "modes": {
  3941. "value": 22
  3942. }
  3943. }
  3944. },
  3945. "24": {
  3946. "$type": "number",
  3947. "$value": 24,
  3948. "$description": "",
  3949. "$variable_metadata": {
  3950. "name": "typography/font-size/24",
  3951. "figmaId": "VariableID:2651:30121",
  3952. "modes": {
  3953. "value": 24
  3954. }
  3955. }
  3956. },
  3957. "28": {
  3958. "$type": "number",
  3959. "$value": 28,
  3960. "$description": "",
  3961. "$variable_metadata": {
  3962. "name": "typography/font-size/28",
  3963. "figmaId": "VariableID:2651:30122",
  3964. "modes": {
  3965. "value": 28
  3966. }
  3967. }
  3968. },
  3969. "32": {
  3970. "$type": "number",
  3971. "$value": 32,
  3972. "$description": "",
  3973. "$variable_metadata": {
  3974. "name": "typography/font-size/32",
  3975. "figmaId": "VariableID:2651:30123",
  3976. "modes": {
  3977. "value": 32
  3978. }
  3979. }
  3980. },
  3981. "36": {
  3982. "$type": "number",
  3983. "$value": 36,
  3984. "$description": "",
  3985. "$variable_metadata": {
  3986. "name": "typography/font-size/36",
  3987. "figmaId": "VariableID:2651:30124",
  3988. "modes": {
  3989. "value": 36
  3990. }
  3991. }
  3992. },
  3993. "48": {
  3994. "$type": "number",
  3995. "$value": 48,
  3996. "$description": "",
  3997. "$variable_metadata": {
  3998. "name": "typography/font-size/48",
  3999. "figmaId": "VariableID:2651:30125",
  4000. "modes": {
  4001. "value": 48
  4002. }
  4003. }
  4004. },
  4005. "56": {
  4006. "$type": "number",
  4007. "$value": 56,
  4008. "$description": "",
  4009. "$variable_metadata": {
  4010. "name": "typography/font-size/56",
  4011. "figmaId": "VariableID:2651:30126",
  4012. "modes": {
  4013. "value": 56
  4014. }
  4015. }
  4016. },
  4017. "64": {
  4018. "$type": "number",
  4019. "$value": 64,
  4020. "$description": "",
  4021. "$variable_metadata": {
  4022. "name": "typography/font-size/64",
  4023. "figmaId": "VariableID:2651:30127",
  4024. "modes": {
  4025. "value": 64
  4026. }
  4027. }
  4028. },
  4029. "80": {
  4030. "$type": "number",
  4031. "$value": 80,
  4032. "$description": "",
  4033. "$variable_metadata": {
  4034. "name": "typography/font-size/80",
  4035. "figmaId": "VariableID:2651:30128",
  4036. "modes": {
  4037. "value": 80
  4038. }
  4039. }
  4040. },
  4041. "120": {
  4042. "$type": "number",
  4043. "$value": 120,
  4044. "$description": "",
  4045. "$variable_metadata": {
  4046. "name": "typography/font-size/120",
  4047. "figmaId": "VariableID:2651:30129",
  4048. "modes": {
  4049. "value": 120
  4050. }
  4051. }
  4052. },
  4053. "160": {
  4054. "$type": "number",
  4055. "$value": 160,
  4056. "$description": "",
  4057. "$variable_metadata": {
  4058. "name": "typography/font-size/160",
  4059. "figmaId": "VariableID:2651:30130",
  4060. "modes": {
  4061. "value": 160
  4062. }
  4063. }
  4064. }
  4065. },
  4066. "$font-weight": {
  4067. "regular": {
  4068. "$type": "fontWeight",
  4069. "$value": 400,
  4070. "$description": "",
  4071. "$variable_metadata": {
  4072. "name": "typography/font-weight/regular",
  4073. "figmaId": "VariableID:2651:30132",
  4074. "modes": {
  4075. "value": 400
  4076. }
  4077. }
  4078. },
  4079. "italic": {
  4080. "$type": "unknown",
  4081. "$value": "Medium Italic",
  4082. "$description": "",
  4083. "$variable_metadata": {
  4084. "name": "typography/font-weight/italic",
  4085. "figmaId": "VariableID:2879:1331",
  4086. "modes": {
  4087. "value": "Medium Italic"
  4088. }
  4089. }
  4090. },
  4091. "medium": {
  4092. "$type": "fontWeight",
  4093. "$value": 500,
  4094. "$description": "",
  4095. "$variable_metadata": {
  4096. "name": "typography/font-weight/medium",
  4097. "figmaId": "VariableID:2651:30133",
  4098. "modes": {
  4099. "value": 500
  4100. }
  4101. }
  4102. },
  4103. "semibold": {
  4104. "$type": "fontWeight",
  4105. "$value": 600,
  4106. "$description": "",
  4107. "$variable_metadata": {
  4108. "name": "typography/font-weight/semibold",
  4109. "figmaId": "VariableID:2651:30134",
  4110. "modes": {
  4111. "value": 600
  4112. }
  4113. }
  4114. },
  4115. "bold": {
  4116. "$type": "fontWeight",
  4117. "$value": 700,
  4118. "$description": "",
  4119. "$variable_metadata": {
  4120. "name": "typography/font-weight/bold",
  4121. "figmaId": "VariableID:2652:26173",
  4122. "modes": {
  4123. "value": 700
  4124. }
  4125. }
  4126. }
  4127. },
  4128. "$font-style": {
  4129. "normal": {
  4130. "$type": "unknown",
  4131. "$value": "normal",
  4132. "$description": "",
  4133. "$variable_metadata": {
  4134. "name": "typography/font-style/normal",
  4135. "figmaId": "VariableID:3256:28527",
  4136. "modes": {
  4137. "value": "normal"
  4138. }
  4139. }
  4140. },
  4141. "emphasized": {
  4142. "$type": "unknown",
  4143. "$value": "italic",
  4144. "$description": "",
  4145. "$variable_metadata": {
  4146. "name": "typography/font-style/emphasized",
  4147. "figmaId": "VariableID:3256:28528",
  4148. "modes": {
  4149. "value": "italic"
  4150. }
  4151. }
  4152. }
  4153. },
  4154. "$line-height": {
  4155. "12": {
  4156. "$type": "number",
  4157. "$value": 12,
  4158. "$description": "",
  4159. "$variable_metadata": {
  4160. "name": "typography/line-height/12",
  4161. "figmaId": "VariableID:2652:26166",
  4162. "modes": {
  4163. "value": 12
  4164. }
  4165. }
  4166. },
  4167. "16": {
  4168. "$type": "number",
  4169. "$value": 16,
  4170. "$description": "",
  4171. "$variable_metadata": {
  4172. "name": "typography/line-height/16",
  4173. "figmaId": "VariableID:2652:26155",
  4174. "modes": {
  4175. "value": 16
  4176. }
  4177. }
  4178. },
  4179. "18": {
  4180. "$type": "number",
  4181. "$value": 18,
  4182. "$description": "",
  4183. "$variable_metadata": {
  4184. "name": "typography/line-height/18",
  4185. "figmaId": "VariableID:2652:26156",
  4186. "modes": {
  4187. "value": 18
  4188. }
  4189. }
  4190. },
  4191. "20": {
  4192. "$type": "number",
  4193. "$value": 20,
  4194. "$description": "",
  4195. "$variable_metadata": {
  4196. "name": "typography/line-height/20",
  4197. "figmaId": "VariableID:3249:201",
  4198. "modes": {
  4199. "value": 20
  4200. }
  4201. }
  4202. },
  4203. "24": {
  4204. "$type": "number",
  4205. "$value": 24,
  4206. "$description": "",
  4207. "$variable_metadata": {
  4208. "name": "typography/line-height/24",
  4209. "figmaId": "VariableID:2652:26157",
  4210. "modes": {
  4211. "value": 24
  4212. }
  4213. }
  4214. },
  4215. "28": {
  4216. "$type": "number",
  4217. "$value": 28,
  4218. "$description": "",
  4219. "$variable_metadata": {
  4220. "name": "typography/line-height/28",
  4221. "figmaId": "VariableID:2652:26158",
  4222. "modes": {
  4223. "value": 28
  4224. }
  4225. }
  4226. },
  4227. "32": {
  4228. "$type": "number",
  4229. "$value": 32,
  4230. "$description": "",
  4231. "$variable_metadata": {
  4232. "name": "typography/line-height/32",
  4233. "figmaId": "VariableID:2652:26159",
  4234. "modes": {
  4235. "value": 32
  4236. }
  4237. }
  4238. },
  4239. "36": {
  4240. "$type": "number",
  4241. "$value": 36,
  4242. "$description": "",
  4243. "$variable_metadata": {
  4244. "name": "typography/line-height/36",
  4245. "figmaId": "VariableID:2652:26167",
  4246. "modes": {
  4247. "value": 36
  4248. }
  4249. }
  4250. },
  4251. "40": {
  4252. "$type": "number",
  4253. "$value": 40,
  4254. "$description": "",
  4255. "$variable_metadata": {
  4256. "name": "typography/line-height/40",
  4257. "figmaId": "VariableID:3185:24307",
  4258. "modes": {
  4259. "value": 40
  4260. }
  4261. }
  4262. },
  4263. "44": {
  4264. "$type": "number",
  4265. "$value": 44,
  4266. "$description": "",
  4267. "$variable_metadata": {
  4268. "name": "typography/line-height/44",
  4269. "figmaId": "VariableID:3185:24308",
  4270. "modes": {
  4271. "value": 44
  4272. }
  4273. }
  4274. },
  4275. "48": {
  4276. "$type": "number",
  4277. "$value": 48,
  4278. "$description": "",
  4279. "$variable_metadata": {
  4280. "name": "typography/line-height/48",
  4281. "figmaId": "VariableID:3185:24309",
  4282. "modes": {
  4283. "value": 48
  4284. }
  4285. }
  4286. },
  4287. "52": {
  4288. "$type": "number",
  4289. "$value": 52,
  4290. "$description": "",
  4291. "$variable_metadata": {
  4292. "name": "typography/line-height/52",
  4293. "figmaId": "VariableID:3185:24310",
  4294. "modes": {
  4295. "value": 52
  4296. }
  4297. }
  4298. },
  4299. "56": {
  4300. "$type": "number",
  4301. "$value": 56,
  4302. "$description": "",
  4303. "$variable_metadata": {
  4304. "name": "typography/line-height/56",
  4305. "figmaId": "VariableID:3185:24311",
  4306. "modes": {
  4307. "value": 56
  4308. }
  4309. }
  4310. },
  4311. "60": {
  4312. "$type": "number",
  4313. "$value": 60,
  4314. "$description": "",
  4315. "$variable_metadata": {
  4316. "name": "typography/line-height/60",
  4317. "figmaId": "VariableID:3185:24312",
  4318. "modes": {
  4319. "value": 60
  4320. }
  4321. }
  4322. },
  4323. "64": {
  4324. "$type": "number",
  4325. "$value": 64,
  4326. "$description": "",
  4327. "$variable_metadata": {
  4328. "name": "typography/line-height/64",
  4329. "figmaId": "VariableID:3185:24313",
  4330. "modes": {
  4331. "value": 64
  4332. }
  4333. }
  4334. },
  4335. "68": {
  4336. "$type": "number",
  4337. "$value": 68,
  4338. "$description": "",
  4339. "$variable_metadata": {
  4340. "name": "typography/line-height/68",
  4341. "figmaId": "VariableID:3185:24314",
  4342. "modes": {
  4343. "value": 68
  4344. }
  4345. }
  4346. },
  4347. "72": {
  4348. "$type": "number",
  4349. "$value": 72,
  4350. "$description": "",
  4351. "$variable_metadata": {
  4352. "name": "typography/line-height/72",
  4353. "figmaId": "VariableID:3185:24315",
  4354. "modes": {
  4355. "value": 72
  4356. }
  4357. }
  4358. }
  4359. },
  4360. "$letter-spacing": {
  4361. "0": {
  4362. "$type": "number",
  4363. "$value": 0,
  4364. "$description": "",
  4365. "$variable_metadata": {
  4366. "name": "typography/letter-spacing/0",
  4367. "figmaId": "VariableID:2652:11512",
  4368. "modes": {
  4369. "value": 0
  4370. }
  4371. }
  4372. },
  4373. "15": {
  4374. "$type": "number",
  4375. "$value": 0.15,
  4376. "$description": "",
  4377. "$variable_metadata": {
  4378. "name": "typography/letter-spacing/15",
  4379. "figmaId": "VariableID:2652:11513",
  4380. "modes": {
  4381. "value": 0.15
  4382. }
  4383. }
  4384. },
  4385. "25": {
  4386. "$type": "number",
  4387. "$value": 0.25,
  4388. "$description": "",
  4389. "$variable_metadata": {
  4390. "name": "typography/letter-spacing/25",
  4391. "figmaId": "VariableID:2652:11514",
  4392. "modes": {
  4393. "value": 0.25
  4394. }
  4395. }
  4396. },
  4397. "50": {
  4398. "$type": "number",
  4399. "$value": 0.5,
  4400. "$description": "",
  4401. "$variable_metadata": {
  4402. "name": "typography/letter-spacing/50",
  4403. "figmaId": "VariableID:2652:11515",
  4404. "modes": {
  4405. "value": 0.5
  4406. }
  4407. }
  4408. },
  4409. "-20": {
  4410. "$type": "number",
  4411. "$value": -0.2,
  4412. "$description": "",
  4413. "$variable_metadata": {
  4414. "name": "typography/letter-spacing/-20",
  4415. "figmaId": "VariableID:2652:11509",
  4416. "modes": {
  4417. "value": -0.2
  4418. }
  4419. }
  4420. },
  4421. "-15": {
  4422. "$type": "number",
  4423. "$value": -0.15,
  4424. "$description": "",
  4425. "$variable_metadata": {
  4426. "name": "typography/letter-spacing/-15",
  4427. "figmaId": "VariableID:2652:11510",
  4428. "modes": {
  4429. "value": -0.15
  4430. }
  4431. }
  4432. },
  4433. "-10": {
  4434. "$type": "number",
  4435. "$value": -0.1,
  4436. "$description": "",
  4437. "$variable_metadata": {
  4438. "name": "typography/letter-spacing/-10",
  4439. "figmaId": "VariableID:2652:11511",
  4440. "modes": {
  4441. "value": -0.1
  4442. }
  4443. }
  4444. }
  4445. },
  4446. "$text-decoration": {
  4447. "none": {
  4448. "$type": "unknown",
  4449. "$value": "none",
  4450. "$description": "",
  4451. "$variable_metadata": {
  4452. "name": "typography/text-decoration/none",
  4453. "figmaId": "VariableID:3256:28530",
  4454. "modes": {
  4455. "value": "none"
  4456. }
  4457. }
  4458. },
  4459. "underline": {
  4460. "$type": "unknown",
  4461. "$value": "underline",
  4462. "$description": "",
  4463. "$variable_metadata": {
  4464. "name": "typography/text-decoration/underline",
  4465. "figmaId": "VariableID:3256:28531",
  4466. "modes": {
  4467. "value": "underline"
  4468. }
  4469. }
  4470. },
  4471. "crossed": {
  4472. "$type": "unknown",
  4473. "$value": "strikethrough",
  4474. "$description": "",
  4475. "$variable_metadata": {
  4476. "name": "typography/text-decoration/crossed",
  4477. "figmaId": "VariableID:3256:28532",
  4478. "modes": {
  4479. "value": "strikethrough"
  4480. }
  4481. }
  4482. }
  4483. }
  4484. },
  4485. "$corner-radius": {
  4486. "0": {
  4487. "$type": "number",
  4488. "$value": "{@primitives.$spacing.0}",
  4489. "$description": "",
  4490. "$variable_metadata": {
  4491. "name": "corner-radius/0",
  4492. "figmaId": "VariableID:1864:12809",
  4493. "modes": {
  4494. "value": "{@primitives.$spacing.0}"
  4495. }
  4496. }
  4497. },
  4498. "2": {
  4499. "$type": "number",
  4500. "$value": "{@primitives.$spacing.50}",
  4501. "$description": "",
  4502. "$variable_metadata": {
  4503. "name": "corner-radius/2",
  4504. "figmaId": "VariableID:1864:12786",
  4505. "modes": {
  4506. "value": "{@primitives.$spacing.50}"
  4507. }
  4508. }
  4509. },
  4510. "4": {
  4511. "$type": "number",
  4512. "$value": "{@primitives.$spacing.100}",
  4513. "$description": "",
  4514. "$variable_metadata": {
  4515. "name": "corner-radius/4",
  4516. "figmaId": "VariableID:1864:12787",
  4517. "modes": {
  4518. "value": "{@primitives.$spacing.100}"
  4519. }
  4520. }
  4521. },
  4522. "8": {
  4523. "$type": "number",
  4524. "$value": "{@primitives.$spacing.200}",
  4525. "$description": "",
  4526. "$variable_metadata": {
  4527. "name": "corner-radius/8",
  4528. "figmaId": "VariableID:1864:12788",
  4529. "modes": {
  4530. "value": "{@primitives.$spacing.200}"
  4531. }
  4532. }
  4533. },
  4534. "12": {
  4535. "$type": "number",
  4536. "$value": "{@primitives.$spacing.300}",
  4537. "$description": "",
  4538. "$variable_metadata": {
  4539. "name": "corner-radius/12",
  4540. "figmaId": "VariableID:1864:12789",
  4541. "modes": {
  4542. "value": "{@primitives.$spacing.300}"
  4543. }
  4544. }
  4545. },
  4546. "16": {
  4547. "$type": "number",
  4548. "$value": "{@primitives.$spacing.400}",
  4549. "$description": "",
  4550. "$variable_metadata": {
  4551. "name": "corner-radius/16",
  4552. "figmaId": "VariableID:1864:12790",
  4553. "modes": {
  4554. "value": "{@primitives.$spacing.400}"
  4555. }
  4556. }
  4557. },
  4558. "18": {
  4559. "$type": "number",
  4560. "$value": "{@primitives.$spacing.500}",
  4561. "$description": "",
  4562. "$variable_metadata": {
  4563. "name": "corner-radius/18",
  4564. "figmaId": "VariableID:1864:12791",
  4565. "modes": {
  4566. "value": "{@primitives.$spacing.500}"
  4567. }
  4568. }
  4569. },
  4570. "24": {
  4571. "$type": "number",
  4572. "$value": "{@primitives.$spacing.600}",
  4573. "$description": "",
  4574. "$variable_metadata": {
  4575. "name": "corner-radius/24",
  4576. "figmaId": "VariableID:1864:12792",
  4577. "modes": {
  4578. "value": "{@primitives.$spacing.600}"
  4579. }
  4580. }
  4581. },
  4582. "28": {
  4583. "$type": "number",
  4584. "$value": "{@primitives.$spacing.700}",
  4585. "$description": "",
  4586. "$variable_metadata": {
  4587. "name": "corner-radius/28",
  4588. "figmaId": "VariableID:1864:12793",
  4589. "modes": {
  4590. "value": "{@primitives.$spacing.700}"
  4591. }
  4592. }
  4593. },
  4594. "32": {
  4595. "$type": "number",
  4596. "$value": "{@primitives.$spacing.800}",
  4597. "$description": "",
  4598. "$variable_metadata": {
  4599. "name": "corner-radius/32",
  4600. "figmaId": "VariableID:1864:12794",
  4601. "modes": {
  4602. "value": "{@primitives.$spacing.800}"
  4603. }
  4604. }
  4605. },
  4606. "36": {
  4607. "$type": "number",
  4608. "$value": "{@primitives.$spacing.900}",
  4609. "$description": "",
  4610. "$variable_metadata": {
  4611. "name": "corner-radius/36",
  4612. "figmaId": "VariableID:1864:12795",
  4613. "modes": {
  4614. "value": "{@primitives.$spacing.900}"
  4615. }
  4616. }
  4617. },
  4618. "40": {
  4619. "$type": "number",
  4620. "$value": "{@primitives.$spacing.1000}",
  4621. "$description": "",
  4622. "$variable_metadata": {
  4623. "name": "corner-radius/40",
  4624. "figmaId": "VariableID:1864:12796",
  4625. "modes": {
  4626. "value": "{@primitives.$spacing.1000}"
  4627. }
  4628. }
  4629. },
  4630. "44": {
  4631. "$type": "number",
  4632. "$value": "{@primitives.$spacing.1100}",
  4633. "$description": "",
  4634. "$variable_metadata": {
  4635. "name": "corner-radius/44",
  4636. "figmaId": "VariableID:3186:29538",
  4637. "modes": {
  4638. "value": "{@primitives.$spacing.1100}"
  4639. }
  4640. }
  4641. },
  4642. "48": {
  4643. "$type": "number",
  4644. "$value": "{@primitives.$spacing.1200}",
  4645. "$description": "",
  4646. "$variable_metadata": {
  4647. "name": "corner-radius/48",
  4648. "figmaId": "VariableID:3186:29539",
  4649. "modes": {
  4650. "value": "{@primitives.$spacing.1200}"
  4651. }
  4652. }
  4653. },
  4654. "52": {
  4655. "$type": "number",
  4656. "$value": "{@primitives.$spacing.1300}",
  4657. "$description": "",
  4658. "$variable_metadata": {
  4659. "name": "corner-radius/52",
  4660. "figmaId": "VariableID:3186:29540",
  4661. "modes": {
  4662. "value": "{@primitives.$spacing.1300}"
  4663. }
  4664. }
  4665. },
  4666. "56": {
  4667. "$type": "number",
  4668. "$value": "{@primitives.$spacing.1400}",
  4669. "$description": "",
  4670. "$variable_metadata": {
  4671. "name": "corner-radius/56",
  4672. "figmaId": "VariableID:3186:29541",
  4673. "modes": {
  4674. "value": "{@primitives.$spacing.1400}"
  4675. }
  4676. }
  4677. },
  4678. "60": {
  4679. "$type": "number",
  4680. "$value": "{@primitives.$spacing.1500}",
  4681. "$description": "",
  4682. "$variable_metadata": {
  4683. "name": "corner-radius/60",
  4684. "figmaId": "VariableID:3186:29542",
  4685. "modes": {
  4686. "value": "{@primitives.$spacing.1500}"
  4687. }
  4688. }
  4689. },
  4690. "64": {
  4691. "$type": "number",
  4692. "$value": "{@primitives.$spacing.1600}",
  4693. "$description": "",
  4694. "$variable_metadata": {
  4695. "name": "corner-radius/64",
  4696. "figmaId": "VariableID:3186:29537",
  4697. "modes": {
  4698. "value": "{@primitives.$spacing.1600}"
  4699. }
  4700. }
  4701. }
  4702. },
  4703. "$shadow": {
  4704. "opacity-none": {
  4705. "$type": "number",
  4706. "$value": 0,
  4707. "$description": "",
  4708. "$variable_metadata": {
  4709. "name": "shadow/opacity-none",
  4710. "figmaId": "VariableID:4109:3988",
  4711. "modes": {
  4712. "value": 0
  4713. }
  4714. }
  4715. },
  4716. "opacity-4": {
  4717. "$type": "number",
  4718. "$value": 4,
  4719. "$description": "",
  4720. "$variable_metadata": {
  4721. "name": "shadow/opacity-4",
  4722. "figmaId": "VariableID:4109:3989",
  4723. "modes": {
  4724. "value": 4
  4725. }
  4726. }
  4727. },
  4728. "opacity-8": {
  4729. "$type": "number",
  4730. "$value": 8,
  4731. "$description": "",
  4732. "$variable_metadata": {
  4733. "name": "shadow/opacity-8",
  4734. "figmaId": "VariableID:4109:3990",
  4735. "modes": {
  4736. "value": 8
  4737. }
  4738. }
  4739. },
  4740. "opacity-16": {
  4741. "$type": "number",
  4742. "$value": 16,
  4743. "$description": "",
  4744. "$variable_metadata": {
  4745. "name": "shadow/opacity-16",
  4746. "figmaId": "VariableID:4109:3991",
  4747. "modes": {
  4748. "value": 16
  4749. }
  4750. }
  4751. },
  4752. "opacity-24": {
  4753. "$type": "number",
  4754. "$value": 24,
  4755. "$description": "",
  4756. "$variable_metadata": {
  4757. "name": "shadow/opacity-24",
  4758. "figmaId": "VariableID:4109:3992",
  4759. "modes": {
  4760. "value": 24
  4761. }
  4762. }
  4763. },
  4764. "opacity-32": {
  4765. "$type": "number",
  4766. "$value": 32,
  4767. "$description": "",
  4768. "$variable_metadata": {
  4769. "name": "shadow/opacity-32",
  4770. "figmaId": "VariableID:4109:3993",
  4771. "modes": {
  4772. "value": 32
  4773. }
  4774. }
  4775. },
  4776. "opacity-48": {
  4777. "$type": "number",
  4778. "$value": 48,
  4779. "$description": "",
  4780. "$variable_metadata": {
  4781. "name": "shadow/opacity-48",
  4782. "figmaId": "VariableID:4109:3994",
  4783. "modes": {
  4784. "value": 48
  4785. }
  4786. }
  4787. },
  4788. "opacity-56": {
  4789. "$type": "number",
  4790. "$value": 56,
  4791. "$description": "",
  4792. "$variable_metadata": {
  4793. "name": "shadow/opacity-56",
  4794. "figmaId": "VariableID:4109:3995",
  4795. "modes": {
  4796. "value": 56
  4797. }
  4798. }
  4799. },
  4800. "opacity-72": {
  4801. "$type": "number",
  4802. "$value": 72,
  4803. "$description": "",
  4804. "$variable_metadata": {
  4805. "name": "shadow/opacity-72",
  4806. "figmaId": "VariableID:4109:3996",
  4807. "modes": {
  4808. "value": 72
  4809. }
  4810. }
  4811. },
  4812. "opacity-100": {
  4813. "$type": "number",
  4814. "$value": 100,
  4815. "$description": "",
  4816. "$variable_metadata": {
  4817. "name": "shadow/opacity-100",
  4818. "figmaId": "VariableID:4109:3997",
  4819. "modes": {
  4820. "value": 100
  4821. }
  4822. }
  4823. }
  4824. }
  4825. },
  4826. "@sizing": {
  4827. "$collection_metadata": {
  4828. "name": "sizing",
  4829. "figmaId": "VariableCollectionId:1525:3705",
  4830. "modes": [
  4831. {
  4832. "key": "default",
  4833. "name": "default"
  4834. }
  4835. ]
  4836. },
  4837. "$spacing": {
  4838. "none": {
  4839. "$type": "number",
  4840. "$value": "{@primitives.$spacing.0}",
  4841. "$description": "",
  4842. "$variable_metadata": {
  4843. "name": "spacing/none",
  4844. "figmaId": "VariableID:1847:12091",
  4845. "modes": {
  4846. "default": "{@primitives.$spacing.0}"
  4847. }
  4848. }
  4849. },
  4850. "tightest": {
  4851. "$type": "number",
  4852. "$value": "{@primitives.$spacing.50}",
  4853. "$description": "",
  4854. "$variable_metadata": {
  4855. "name": "spacing/tightest",
  4856. "figmaId": "VariableID:1828:290",
  4857. "modes": {
  4858. "default": "{@primitives.$spacing.50}"
  4859. }
  4860. }
  4861. },
  4862. "tighter": {
  4863. "$type": "number",
  4864. "$value": "{@primitives.$spacing.100}",
  4865. "$description": "",
  4866. "$variable_metadata": {
  4867. "name": "spacing/tighter",
  4868. "figmaId": "VariableID:1828:286",
  4869. "modes": {
  4870. "default": "{@primitives.$spacing.100}"
  4871. }
  4872. }
  4873. },
  4874. "tight": {
  4875. "$type": "number",
  4876. "$value": "{@primitives.$spacing.200}",
  4877. "$description": "",
  4878. "$variable_metadata": {
  4879. "name": "spacing/tight",
  4880. "figmaId": "VariableID:1531:4142",
  4881. "modes": {
  4882. "default": "{@primitives.$spacing.200}"
  4883. }
  4884. }
  4885. },
  4886. "base": {
  4887. "$type": "number",
  4888. "$value": "{@primitives.$spacing.400}",
  4889. "$description": "",
  4890. "$variable_metadata": {
  4891. "name": "spacing/base",
  4892. "figmaId": "VariableID:1525:3706",
  4893. "modes": {
  4894. "default": "{@primitives.$spacing.400}"
  4895. }
  4896. }
  4897. },
  4898. "wide": {
  4899. "$type": "number",
  4900. "$value": "{@primitives.$spacing.600}",
  4901. "$description": "",
  4902. "$variable_metadata": {
  4903. "name": "spacing/wide",
  4904. "figmaId": "VariableID:1828:287",
  4905. "modes": {
  4906. "default": "{@primitives.$spacing.600}"
  4907. }
  4908. }
  4909. },
  4910. "wider": {
  4911. "$type": "number",
  4912. "$value": "{@primitives.$spacing.800}",
  4913. "$description": "",
  4914. "$variable_metadata": {
  4915. "name": "spacing/wider",
  4916. "figmaId": "VariableID:1828:288",
  4917. "modes": {
  4918. "default": "{@primitives.$spacing.800}"
  4919. }
  4920. }
  4921. },
  4922. "widest": {
  4923. "$type": "number",
  4924. "$value": "{@primitives.$spacing.1000}",
  4925. "$description": "",
  4926. "$variable_metadata": {
  4927. "name": "spacing/widest",
  4928. "figmaId": "VariableID:1828:289",
  4929. "modes": {
  4930. "default": "{@primitives.$spacing.1000}"
  4931. }
  4932. }
  4933. }
  4934. },
  4935. "$corner-radius": {
  4936. "none": {
  4937. "$type": "number",
  4938. "$value": "{@primitives.$corner-radius.0}",
  4939. "$description": "",
  4940. "$variable_metadata": {
  4941. "name": "corner-radius/none",
  4942. "figmaId": "VariableID:2395:51180",
  4943. "modes": {
  4944. "default": "{@primitives.$corner-radius.0}"
  4945. }
  4946. }
  4947. },
  4948. "smallest": {
  4949. "$type": "number",
  4950. "$value": "{@primitives.$corner-radius.2}",
  4951. "$description": "",
  4952. "$variable_metadata": {
  4953. "name": "corner-radius/smallest",
  4954. "figmaId": "VariableID:2395:51181",
  4955. "modes": {
  4956. "default": "{@primitives.$corner-radius.2}"
  4957. }
  4958. }
  4959. },
  4960. "smaller": {
  4961. "$type": "number",
  4962. "$value": "{@primitives.$corner-radius.4}",
  4963. "$description": "",
  4964. "$variable_metadata": {
  4965. "name": "corner-radius/smaller",
  4966. "figmaId": "VariableID:2395:51182",
  4967. "modes": {
  4968. "default": "{@primitives.$corner-radius.4}"
  4969. }
  4970. }
  4971. },
  4972. "small": {
  4973. "$type": "number",
  4974. "$value": "{@primitives.$corner-radius.8}",
  4975. "$description": "",
  4976. "$variable_metadata": {
  4977. "name": "corner-radius/small",
  4978. "figmaId": "VariableID:2395:51183",
  4979. "modes": {
  4980. "default": "{@primitives.$corner-radius.8}"
  4981. }
  4982. }
  4983. },
  4984. "medium": {
  4985. "$type": "number",
  4986. "$value": "{@primitives.$corner-radius.12}",
  4987. "$description": "",
  4988. "$variable_metadata": {
  4989. "name": "corner-radius/medium",
  4990. "figmaId": "VariableID:2724:7806",
  4991. "modes": {
  4992. "default": "{@primitives.$corner-radius.12}"
  4993. }
  4994. }
  4995. },
  4996. "large": {
  4997. "$type": "number",
  4998. "$value": "{@primitives.$corner-radius.16}",
  4999. "$description": "",
  5000. "$variable_metadata": {
  5001. "name": "corner-radius/large",
  5002. "figmaId": "VariableID:2724:7808",
  5003. "modes": {
  5004. "default": "{@primitives.$corner-radius.16}"
  5005. }
  5006. }
  5007. },
  5008. "larger": {
  5009. "$type": "number",
  5010. "$value": "{@primitives.$corner-radius.18}",
  5011. "$description": "",
  5012. "$variable_metadata": {
  5013. "name": "corner-radius/larger",
  5014. "figmaId": "VariableID:2724:20617",
  5015. "modes": {
  5016. "default": "{@primitives.$corner-radius.18}"
  5017. }
  5018. }
  5019. },
  5020. "largest": {
  5021. "$type": "number",
  5022. "$value": "{@primitives.$corner-radius.24}",
  5023. "$description": "",
  5024. "$variable_metadata": {
  5025. "name": "corner-radius/largest",
  5026. "figmaId": "VariableID:2724:20618",
  5027. "modes": {
  5028. "default": "{@primitives.$corner-radius.24}"
  5029. }
  5030. }
  5031. }
  5032. }
  5033. },
  5034. "@typography": {
  5035. "$collection_metadata": {
  5036. "name": "typography",
  5037. "figmaId": "VariableCollectionId:3139:42774",
  5038. "modes": [
  5039. {
  5040. "key": "default",
  5041. "name": "default"
  5042. }
  5043. ]
  5044. },
  5045. "$font-family": {
  5046. "body": {
  5047. "$type": "fontFamily",
  5048. "$value": "{@primitives.$typography.$font-family.base}",
  5049. "$description": "",
  5050. "$variable_metadata": {
  5051. "name": "font-family/body",
  5052. "figmaId": "VariableID:3139:42775",
  5053. "modes": {
  5054. "default": "{@primitives.$typography.$font-family.base}"
  5055. }
  5056. }
  5057. },
  5058. "headings": {
  5059. "$type": "fontFamily",
  5060. "$value": "{@primitives.$typography.$font-family.base}",
  5061. "$description": "",
  5062. "$variable_metadata": {
  5063. "name": "font-family/headings",
  5064. "figmaId": "VariableID:3139:42776",
  5065. "modes": {
  5066. "default": "{@primitives.$typography.$font-family.base}"
  5067. }
  5068. }
  5069. },
  5070. "monospace": {
  5071. "$type": "fontFamily",
  5072. "$value": "{@primitives.$typography.$font-family.mono}",
  5073. "$description": "",
  5074. "$variable_metadata": {
  5075. "name": "font-family/monospace",
  5076. "figmaId": "VariableID:3139:42777",
  5077. "modes": {
  5078. "default": "{@primitives.$typography.$font-family.mono}"
  5079. }
  5080. }
  5081. }
  5082. },
  5083. "$font-weight": {
  5084. "light": {
  5085. "$type": "fontWeight",
  5086. "$value": 300,
  5087. "$description": "",
  5088. "$variable_metadata": {
  5089. "name": "font-weight/light",
  5090. "figmaId": "VariableID:3158:36383",
  5091. "modes": {
  5092. "default": 300
  5093. }
  5094. }
  5095. },
  5096. "light-italic": {
  5097. "$type": "unknown",
  5098. "$value": "Light Italic",
  5099. "$description": "",
  5100. "$variable_metadata": {
  5101. "name": "font-weight/light-italic",
  5102. "figmaId": "VariableID:3158:36387",
  5103. "modes": {
  5104. "default": "Light Italic"
  5105. }
  5106. }
  5107. },
  5108. "regular": {
  5109. "$type": "fontWeight",
  5110. "$value": 400,
  5111. "$description": "",
  5112. "$variable_metadata": {
  5113. "name": "font-weight/regular",
  5114. "figmaId": "VariableID:3158:36378",
  5115. "modes": {
  5116. "default": 400
  5117. }
  5118. }
  5119. },
  5120. "regular-italic": {
  5121. "$type": "unknown",
  5122. "$value": "Italic",
  5123. "$description": "",
  5124. "$variable_metadata": {
  5125. "name": "font-weight/regular-italic",
  5126. "figmaId": "VariableID:3158:36386",
  5127. "modes": {
  5128. "default": "Italic"
  5129. }
  5130. }
  5131. },
  5132. "medium": {
  5133. "$type": "fontWeight",
  5134. "$value": 500,
  5135. "$description": "",
  5136. "$variable_metadata": {
  5137. "name": "font-weight/medium",
  5138. "figmaId": "VariableID:3158:36377",
  5139. "modes": {
  5140. "default": 500
  5141. }
  5142. }
  5143. },
  5144. "medium-italic": {
  5145. "$type": "unknown",
  5146. "$value": "Medium Italic",
  5147. "$description": "",
  5148. "$variable_metadata": {
  5149. "name": "font-weight/medium-italic",
  5150. "figmaId": "VariableID:3158:36379",
  5151. "modes": {
  5152. "default": "Medium Italic"
  5153. }
  5154. }
  5155. },
  5156. "semibold": {
  5157. "$type": "fontWeight",
  5158. "$value": 600,
  5159. "$description": "",
  5160. "$variable_metadata": {
  5161. "name": "font-weight/semibold",
  5162. "figmaId": "VariableID:3158:36380",
  5163. "modes": {
  5164. "default": 600
  5165. }
  5166. }
  5167. },
  5168. "semibold-italic": {
  5169. "$type": "unknown",
  5170. "$value": "Semibold Italic",
  5171. "$description": "",
  5172. "$variable_metadata": {
  5173. "name": "font-weight/semibold-italic",
  5174. "figmaId": "VariableID:3158:36388",
  5175. "modes": {
  5176. "default": "Semibold Italic"
  5177. }
  5178. }
  5179. },
  5180. "bold": {
  5181. "$type": "fontWeight",
  5182. "$value": 700,
  5183. "$description": "",
  5184. "$variable_metadata": {
  5185. "name": "font-weight/bold",
  5186. "figmaId": "VariableID:3158:36381",
  5187. "modes": {
  5188. "default": 700
  5189. }
  5190. }
  5191. },
  5192. "bold-italic": {
  5193. "$type": "unknown",
  5194. "$value": "Bold Italic",
  5195. "$description": "",
  5196. "$variable_metadata": {
  5197. "name": "font-weight/bold-italic",
  5198. "figmaId": "VariableID:3158:36389",
  5199. "modes": {
  5200. "default": "Bold Italic"
  5201. }
  5202. }
  5203. }
  5204. },
  5205. "$font-size": {
  5206. "$body": {
  5207. "tinier": {
  5208. "$type": "number",
  5209. "$value": "{@primitives.$typography.$font-size.8}",
  5210. "$description": "",
  5211. "$variable_metadata": {
  5212. "name": "font-size/body/tinier",
  5213. "figmaId": "VariableID:3139:42783",
  5214. "modes": {
  5215. "default": "{@primitives.$typography.$font-size.8}"
  5216. }
  5217. }
  5218. },
  5219. "tiny": {
  5220. "$type": "number",
  5221. "$value": "{@primitives.$typography.$font-size.9}",
  5222. "$description": "",
  5223. "$variable_metadata": {
  5224. "name": "font-size/body/tiny",
  5225. "figmaId": "VariableID:3139:42784",
  5226. "modes": {
  5227. "default": "{@primitives.$typography.$font-size.9}"
  5228. }
  5229. }
  5230. },
  5231. "smallest": {
  5232. "$type": "number",
  5233. "$value": "{@primitives.$typography.$font-size.10}",
  5234. "$description": "",
  5235. "$variable_metadata": {
  5236. "name": "font-size/body/smallest",
  5237. "figmaId": "VariableID:3139:42778",
  5238. "modes": {
  5239. "default": "{@primitives.$typography.$font-size.10}"
  5240. }
  5241. }
  5242. },
  5243. "smaller": {
  5244. "$type": "number",
  5245. "$value": "{@primitives.$typography.$font-size.12}",
  5246. "$description": "",
  5247. "$variable_metadata": {
  5248. "name": "font-size/body/smaller",
  5249. "figmaId": "VariableID:3139:42779",
  5250. "modes": {
  5251. "default": "{@primitives.$typography.$font-size.12}"
  5252. }
  5253. }
  5254. },
  5255. "small": {
  5256. "$type": "number",
  5257. "$value": "{@primitives.$typography.$font-size.14}",
  5258. "$description": "",
  5259. "$variable_metadata": {
  5260. "name": "font-size/body/small",
  5261. "figmaId": "VariableID:3139:42780",
  5262. "modes": {
  5263. "default": "{@primitives.$typography.$font-size.14}"
  5264. }
  5265. }
  5266. },
  5267. "medium": {
  5268. "$type": "number",
  5269. "$value": "{@primitives.$typography.$font-size.16}",
  5270. "$description": "",
  5271. "$variable_metadata": {
  5272. "name": "font-size/body/medium",
  5273. "figmaId": "VariableID:3139:42781",
  5274. "modes": {
  5275. "default": "{@primitives.$typography.$font-size.16}"
  5276. }
  5277. }
  5278. }
  5279. },
  5280. "$label": {
  5281. "tinier": {
  5282. "$type": "number",
  5283. "$value": "{@primitives.$typography.$font-size.8}",
  5284. "$description": "",
  5285. "$variable_metadata": {
  5286. "name": "font-size/label/tinier",
  5287. "figmaId": "VariableID:3139:42802",
  5288. "modes": {
  5289. "default": "{@primitives.$typography.$font-size.8}"
  5290. }
  5291. }
  5292. },
  5293. "tiny": {
  5294. "$type": "number",
  5295. "$value": "{@primitives.$typography.$font-size.9}",
  5296. "$description": "",
  5297. "$variable_metadata": {
  5298. "name": "font-size/label/tiny",
  5299. "figmaId": "VariableID:3139:42801",
  5300. "modes": {
  5301. "default": "{@primitives.$typography.$font-size.9}"
  5302. }
  5303. }
  5304. },
  5305. "smallest": {
  5306. "$type": "number",
  5307. "$value": "{@primitives.$typography.$font-size.11}",
  5308. "$description": "",
  5309. "$variable_metadata": {
  5310. "name": "font-size/label/smallest",
  5311. "figmaId": "VariableID:3139:42799",
  5312. "modes": {
  5313. "default": "{@primitives.$typography.$font-size.11}"
  5314. }
  5315. }
  5316. },
  5317. "smaller": {
  5318. "$type": "number",
  5319. "$value": "{@primitives.$typography.$font-size.12}",
  5320. "$description": "",
  5321. "$variable_metadata": {
  5322. "name": "font-size/label/smaller",
  5323. "figmaId": "VariableID:3139:42798",
  5324. "modes": {
  5325. "default": "{@primitives.$typography.$font-size.12}"
  5326. }
  5327. }
  5328. },
  5329. "small": {
  5330. "$type": "number",
  5331. "$value": "{@primitives.$typography.$font-size.14}",
  5332. "$description": "",
  5333. "$variable_metadata": {
  5334. "name": "font-size/label/small",
  5335. "figmaId": "VariableID:3139:42797",
  5336. "modes": {
  5337. "default": "{@primitives.$typography.$font-size.14}"
  5338. }
  5339. }
  5340. },
  5341. "medium": {
  5342. "$type": "number",
  5343. "$value": "{@primitives.$typography.$font-size.16}",
  5344. "$description": "",
  5345. "$variable_metadata": {
  5346. "name": "font-size/label/medium",
  5347. "figmaId": "VariableID:3139:42796",
  5348. "modes": {
  5349. "default": "{@primitives.$typography.$font-size.16}"
  5350. }
  5351. }
  5352. }
  5353. },
  5354. "$title": {
  5355. "small": {
  5356. "$type": "number",
  5357. "$value": "{@primitives.$typography.$font-size.18}",
  5358. "$description": "",
  5359. "$variable_metadata": {
  5360. "name": "font-size/title/small",
  5361. "figmaId": "VariableID:3139:42787",
  5362. "modes": {
  5363. "default": "{@primitives.$typography.$font-size.18}"
  5364. }
  5365. }
  5366. },
  5367. "medium": {
  5368. "$type": "number",
  5369. "$value": "{@primitives.$typography.$font-size.20}",
  5370. "$description": "",
  5371. "$variable_metadata": {
  5372. "name": "font-size/title/medium",
  5373. "figmaId": "VariableID:3139:42788",
  5374. "modes": {
  5375. "default": "{@primitives.$typography.$font-size.20}"
  5376. }
  5377. }
  5378. },
  5379. "large": {
  5380. "$type": "number",
  5381. "$value": "{@primitives.$typography.$font-size.24}",
  5382. "$description": "",
  5383. "$variable_metadata": {
  5384. "name": "font-size/title/large",
  5385. "figmaId": "VariableID:3139:42786",
  5386. "modes": {
  5387. "default": "{@primitives.$typography.$font-size.24}"
  5388. }
  5389. }
  5390. }
  5391. },
  5392. "$headline": {
  5393. "small": {
  5394. "$type": "number",
  5395. "$value": "{@primitives.$typography.$font-size.28}",
  5396. "$description": "",
  5397. "$variable_metadata": {
  5398. "name": "font-size/headline/small",
  5399. "figmaId": "VariableID:3139:42790",
  5400. "modes": {
  5401. "default": "{@primitives.$typography.$font-size.28}"
  5402. }
  5403. }
  5404. },
  5405. "medium": {
  5406. "$type": "number",
  5407. "$value": "{@primitives.$typography.$font-size.32}",
  5408. "$description": "",
  5409. "$variable_metadata": {
  5410. "name": "font-size/headline/medium",
  5411. "figmaId": "VariableID:3139:42791",
  5412. "modes": {
  5413. "default": "{@primitives.$typography.$font-size.32}"
  5414. }
  5415. }
  5416. },
  5417. "large": {
  5418. "$type": "number",
  5419. "$value": "{@primitives.$typography.$font-size.36}",
  5420. "$description": "",
  5421. "$variable_metadata": {
  5422. "name": "font-size/headline/large",
  5423. "figmaId": "VariableID:3139:42792",
  5424. "modes": {
  5425. "default": "{@primitives.$typography.$font-size.36}"
  5426. }
  5427. }
  5428. }
  5429. },
  5430. "$display": {
  5431. "small": {
  5432. "$type": "number",
  5433. "$value": "{@primitives.$typography.$font-size.48}",
  5434. "$description": "",
  5435. "$variable_metadata": {
  5436. "name": "font-size/display/small",
  5437. "figmaId": "VariableID:3139:42793",
  5438. "modes": {
  5439. "default": "{@primitives.$typography.$font-size.48}"
  5440. }
  5441. }
  5442. },
  5443. "medium": {
  5444. "$type": "number",
  5445. "$value": "{@primitives.$typography.$font-size.56}",
  5446. "$description": "",
  5447. "$variable_metadata": {
  5448. "name": "font-size/display/medium",
  5449. "figmaId": "VariableID:3139:42794",
  5450. "modes": {
  5451. "default": "{@primitives.$typography.$font-size.56}"
  5452. }
  5453. }
  5454. },
  5455. "large": {
  5456. "$type": "number",
  5457. "$value": "{@primitives.$typography.$font-size.64}",
  5458. "$description": "",
  5459. "$variable_metadata": {
  5460. "name": "font-size/display/large",
  5461. "figmaId": "VariableID:3139:42795",
  5462. "modes": {
  5463. "default": "{@primitives.$typography.$font-size.64}"
  5464. }
  5465. }
  5466. }
  5467. }
  5468. },
  5469. "$font-style": {
  5470. "normal": {
  5471. "$type": "unknown",
  5472. "$value": "normal",
  5473. "$description": "",
  5474. "$variable_metadata": {
  5475. "name": "font-style/normal",
  5476. "figmaId": "VariableID:3282:4135",
  5477. "modes": {
  5478. "default": "normal"
  5479. }
  5480. }
  5481. },
  5482. "italic": {
  5483. "$type": "unknown",
  5484. "$value": "italic",
  5485. "$description": "",
  5486. "$variable_metadata": {
  5487. "name": "font-style/italic",
  5488. "figmaId": "VariableID:3282:4136",
  5489. "modes": {
  5490. "default": "italic"
  5491. }
  5492. }
  5493. }
  5494. },
  5495. "$line-height": {
  5496. "auto": {
  5497. "$type": "unknown",
  5498. "$value": "auto",
  5499. "$description": "",
  5500. "$variable_metadata": {
  5501. "name": "line-height/auto",
  5502. "figmaId": "VariableID:3139:42827",
  5503. "modes": {
  5504. "default": "auto"
  5505. }
  5506. }
  5507. },
  5508. "$body": {
  5509. "smallest": {
  5510. "$type": "number",
  5511. "$value": "{@primitives.$typography.$line-height.12}",
  5512. "$description": "",
  5513. "$variable_metadata": {
  5514. "name": "line-height/body/smallest",
  5515. "figmaId": "VariableID:3249:175",
  5516. "modes": {
  5517. "default": "{@primitives.$typography.$line-height.12}"
  5518. }
  5519. }
  5520. },
  5521. "smaller": {
  5522. "$type": "number",
  5523. "$value": "{@primitives.$typography.$line-height.16}",
  5524. "$description": "",
  5525. "$variable_metadata": {
  5526. "name": "line-height/body/smaller",
  5527. "figmaId": "VariableID:3249:176",
  5528. "modes": {
  5529. "default": "{@primitives.$typography.$line-height.16}"
  5530. }
  5531. }
  5532. },
  5533. "small": {
  5534. "$type": "number",
  5535. "$value": "{@primitives.$typography.$line-height.18}",
  5536. "$description": "",
  5537. "$variable_metadata": {
  5538. "name": "line-height/body/small",
  5539. "figmaId": "VariableID:3249:177",
  5540. "modes": {
  5541. "default": "{@primitives.$typography.$line-height.18}"
  5542. }
  5543. }
  5544. },
  5545. "medium": {
  5546. "$type": "number",
  5547. "$value": "{@primitives.$typography.$line-height.24}",
  5548. "$description": "",
  5549. "$variable_metadata": {
  5550. "name": "line-height/body/medium",
  5551. "figmaId": "VariableID:3249:178",
  5552. "modes": {
  5553. "default": "{@primitives.$typography.$line-height.24}"
  5554. }
  5555. }
  5556. }
  5557. },
  5558. "$label": {
  5559. "smallest": {
  5560. "$type": "number",
  5561. "$value": "{@primitives.$typography.$line-height.16}",
  5562. "$description": "",
  5563. "$variable_metadata": {
  5564. "name": "line-height/label/smallest",
  5565. "figmaId": "VariableID:3249:181",
  5566. "modes": {
  5567. "default": "{@primitives.$typography.$line-height.16}"
  5568. }
  5569. }
  5570. },
  5571. "smaller": {
  5572. "$type": "number",
  5573. "$value": "{@primitives.$typography.$line-height.16}",
  5574. "$description": "",
  5575. "$variable_metadata": {
  5576. "name": "line-height/label/smaller",
  5577. "figmaId": "VariableID:3249:182",
  5578. "modes": {
  5579. "default": "{@primitives.$typography.$line-height.16}"
  5580. }
  5581. }
  5582. },
  5583. "small": {
  5584. "$type": "number",
  5585. "$value": "{@primitives.$typography.$line-height.18}",
  5586. "$description": "",
  5587. "$variable_metadata": {
  5588. "name": "line-height/label/small",
  5589. "figmaId": "VariableID:3249:183",
  5590. "modes": {
  5591. "default": "{@primitives.$typography.$line-height.18}"
  5592. }
  5593. }
  5594. },
  5595. "medium": {
  5596. "$type": "number",
  5597. "$value": "{@primitives.$typography.$line-height.24}",
  5598. "$description": "",
  5599. "$variable_metadata": {
  5600. "name": "line-height/label/medium",
  5601. "figmaId": "VariableID:3249:184",
  5602. "modes": {
  5603. "default": "{@primitives.$typography.$line-height.24}"
  5604. }
  5605. }
  5606. }
  5607. },
  5608. "$title": {
  5609. "small": {
  5610. "$type": "number",
  5611. "$value": "{@primitives.$typography.$line-height.20}",
  5612. "$description": "",
  5613. "$variable_metadata": {
  5614. "name": "line-height/title/small",
  5615. "figmaId": "VariableID:3249:188",
  5616. "modes": {
  5617. "default": "{@primitives.$typography.$line-height.20}"
  5618. }
  5619. }
  5620. },
  5621. "medium": {
  5622. "$type": "number",
  5623. "$value": "{@primitives.$typography.$line-height.24}",
  5624. "$description": "",
  5625. "$variable_metadata": {
  5626. "name": "line-height/title/medium",
  5627. "figmaId": "VariableID:3249:189",
  5628. "modes": {
  5629. "default": "{@primitives.$typography.$line-height.24}"
  5630. }
  5631. }
  5632. },
  5633. "large": {
  5634. "$type": "number",
  5635. "$value": "{@primitives.$typography.$line-height.28}",
  5636. "$description": "",
  5637. "$variable_metadata": {
  5638. "name": "line-height/title/large",
  5639. "figmaId": "VariableID:3249:190",
  5640. "modes": {
  5641. "default": "{@primitives.$typography.$line-height.28}"
  5642. }
  5643. }
  5644. }
  5645. },
  5646. "$headline": {
  5647. "small": {
  5648. "$type": "number",
  5649. "$value": "{@primitives.$typography.$line-height.32}",
  5650. "$description": "",
  5651. "$variable_metadata": {
  5652. "name": "line-height/headline/small",
  5653. "figmaId": "VariableID:3249:198",
  5654. "modes": {
  5655. "default": "{@primitives.$typography.$line-height.32}"
  5656. }
  5657. }
  5658. },
  5659. "medium": {
  5660. "$type": "number",
  5661. "$value": "{@primitives.$typography.$line-height.36}",
  5662. "$description": "",
  5663. "$variable_metadata": {
  5664. "name": "line-height/headline/medium",
  5665. "figmaId": "VariableID:3249:199",
  5666. "modes": {
  5667. "default": "{@primitives.$typography.$line-height.36}"
  5668. }
  5669. }
  5670. },
  5671. "large": {
  5672. "$type": "number",
  5673. "$value": "{@primitives.$typography.$line-height.40}",
  5674. "$description": "",
  5675. "$variable_metadata": {
  5676. "name": "line-height/headline/large",
  5677. "figmaId": "VariableID:3249:200",
  5678. "modes": {
  5679. "default": "{@primitives.$typography.$line-height.40}"
  5680. }
  5681. }
  5682. }
  5683. },
  5684. "$display": {
  5685. "small": {
  5686. "$type": "number",
  5687. "$value": "{@primitives.$typography.$line-height.48}",
  5688. "$description": "",
  5689. "$variable_metadata": {
  5690. "name": "line-height/display/small",
  5691. "figmaId": "VariableID:3249:191",
  5692. "modes": {
  5693. "default": "{@primitives.$typography.$line-height.48}"
  5694. }
  5695. }
  5696. },
  5697. "medium": {
  5698. "$type": "number",
  5699. "$value": "{@primitives.$typography.$line-height.56}",
  5700. "$description": "",
  5701. "$variable_metadata": {
  5702. "name": "line-height/display/medium",
  5703. "figmaId": "VariableID:3249:192",
  5704. "modes": {
  5705. "default": "{@primitives.$typography.$line-height.56}"
  5706. }
  5707. }
  5708. },
  5709. "large": {
  5710. "$type": "number",
  5711. "$value": "{@primitives.$typography.$line-height.72}",
  5712. "$description": "",
  5713. "$variable_metadata": {
  5714. "name": "line-height/display/large",
  5715. "figmaId": "VariableID:3249:193",
  5716. "modes": {
  5717. "default": "{@primitives.$typography.$line-height.72}"
  5718. }
  5719. }
  5720. }
  5721. }
  5722. },
  5723. "$paragraph-spacing": {
  5724. "none": {
  5725. "$type": "number",
  5726. "$value": "{@sizing.$spacing.none}",
  5727. "$description": "",
  5728. "$variable_metadata": {
  5729. "name": "paragraph-spacing/none",
  5730. "figmaId": "VariableID:3141:42834",
  5731. "modes": {
  5732. "default": "{@sizing.$spacing.none}"
  5733. }
  5734. }
  5735. },
  5736. "tightest": {
  5737. "$type": "number",
  5738. "$value": "{@sizing.$spacing.tightest}",
  5739. "$description": "",
  5740. "$variable_metadata": {
  5741. "name": "paragraph-spacing/tightest",
  5742. "figmaId": "VariableID:3139:42816",
  5743. "modes": {
  5744. "default": "{@sizing.$spacing.tightest}"
  5745. }
  5746. }
  5747. },
  5748. "tighter": {
  5749. "$type": "number",
  5750. "$value": "{@sizing.$spacing.tighter}",
  5751. "$description": "",
  5752. "$variable_metadata": {
  5753. "name": "paragraph-spacing/tighter",
  5754. "figmaId": "VariableID:3139:42823",
  5755. "modes": {
  5756. "default": "{@sizing.$spacing.tighter}"
  5757. }
  5758. }
  5759. },
  5760. "tight": {
  5761. "$type": "number",
  5762. "$value": "{@sizing.$spacing.tight}",
  5763. "$description": "",
  5764. "$variable_metadata": {
  5765. "name": "paragraph-spacing/tight",
  5766. "figmaId": "VariableID:3139:42824",
  5767. "modes": {
  5768. "default": "{@sizing.$spacing.tight}"
  5769. }
  5770. }
  5771. },
  5772. "regular": {
  5773. "$type": "number",
  5774. "$value": "{@sizing.$spacing.base}",
  5775. "$description": "",
  5776. "$variable_metadata": {
  5777. "name": "paragraph-spacing/regular",
  5778. "figmaId": "VariableID:3139:42825",
  5779. "modes": {
  5780. "default": "{@sizing.$spacing.base}"
  5781. }
  5782. }
  5783. },
  5784. "large": {
  5785. "$type": "number",
  5786. "$value": "{@sizing.$spacing.wide}",
  5787. "$description": "",
  5788. "$variable_metadata": {
  5789. "name": "paragraph-spacing/large",
  5790. "figmaId": "VariableID:3139:42826",
  5791. "modes": {
  5792. "default": "{@sizing.$spacing.wide}"
  5793. }
  5794. }
  5795. },
  5796. "larger": {
  5797. "$type": "number",
  5798. "$value": "{@sizing.$spacing.wider}",
  5799. "$description": "",
  5800. "$variable_metadata": {
  5801. "name": "paragraph-spacing/larger",
  5802. "figmaId": "VariableID:3141:42835",
  5803. "modes": {
  5804. "default": "{@sizing.$spacing.wider}"
  5805. }
  5806. }
  5807. },
  5808. "largest": {
  5809. "$type": "number",
  5810. "$value": "{@sizing.$spacing.widest}",
  5811. "$description": "",
  5812. "$variable_metadata": {
  5813. "name": "paragraph-spacing/largest",
  5814. "figmaId": "VariableID:3141:42836",
  5815. "modes": {
  5816. "default": "{@sizing.$spacing.widest}"
  5817. }
  5818. }
  5819. }
  5820. },
  5821. "$letter-spacing": {
  5822. "densest": {
  5823. "$type": "number",
  5824. "$value": "{@primitives.$typography.$letter-spacing.-20}",
  5825. "$description": "",
  5826. "$variable_metadata": {
  5827. "name": "letter-spacing/densest",
  5828. "figmaId": "VariableID:3139:42815",
  5829. "modes": {
  5830. "default": "{@primitives.$typography.$letter-spacing.-20}"
  5831. }
  5832. }
  5833. },
  5834. "denser": {
  5835. "$type": "number",
  5836. "$value": "{@primitives.$typography.$letter-spacing.-15}",
  5837. "$description": "",
  5838. "$variable_metadata": {
  5839. "name": "letter-spacing/denser",
  5840. "figmaId": "VariableID:3139:42817",
  5841. "modes": {
  5842. "default": "{@primitives.$typography.$letter-spacing.-15}"
  5843. }
  5844. }
  5845. },
  5846. "dense": {
  5847. "$type": "number",
  5848. "$value": "{@primitives.$typography.$letter-spacing.-10}",
  5849. "$description": "",
  5850. "$variable_metadata": {
  5851. "name": "letter-spacing/dense",
  5852. "figmaId": "VariableID:3139:42818",
  5853. "modes": {
  5854. "default": "{@primitives.$typography.$letter-spacing.-10}"
  5855. }
  5856. }
  5857. },
  5858. "base": {
  5859. "$type": "number",
  5860. "$value": "{@primitives.$typography.$letter-spacing.0}",
  5861. "$description": "",
  5862. "$variable_metadata": {
  5863. "name": "letter-spacing/base",
  5864. "figmaId": "VariableID:3139:42819",
  5865. "modes": {
  5866. "default": "{@primitives.$typography.$letter-spacing.0}"
  5867. }
  5868. }
  5869. },
  5870. "wide": {
  5871. "$type": "number",
  5872. "$value": "{@primitives.$typography.$letter-spacing.15}",
  5873. "$description": "",
  5874. "$variable_metadata": {
  5875. "name": "letter-spacing/wide",
  5876. "figmaId": "VariableID:3139:42820",
  5877. "modes": {
  5878. "default": "{@primitives.$typography.$letter-spacing.15}"
  5879. }
  5880. }
  5881. },
  5882. "wider": {
  5883. "$type": "number",
  5884. "$value": "{@primitives.$typography.$letter-spacing.25}",
  5885. "$description": "",
  5886. "$variable_metadata": {
  5887. "name": "letter-spacing/wider",
  5888. "figmaId": "VariableID:3139:42821",
  5889. "modes": {
  5890. "default": "{@primitives.$typography.$letter-spacing.25}"
  5891. }
  5892. }
  5893. },
  5894. "widest": {
  5895. "$type": "number",
  5896. "$value": "{@primitives.$typography.$letter-spacing.50}",
  5897. "$description": "",
  5898. "$variable_metadata": {
  5899. "name": "letter-spacing/widest",
  5900. "figmaId": "VariableID:3139:42822",
  5901. "modes": {
  5902. "default": "{@primitives.$typography.$letter-spacing.50}"
  5903. }
  5904. }
  5905. }
  5906. }
  5907. }
  5908. }