export const FONT_FAMILY = '"Muli", sans-serif' ; export const COLOR_PALETTE = { white : "#fff" , offWhite : "#fefefe" , background : "#F0F2F6" , inputBackground : "rgba(210, 216, 229, 0.4)" , text : "#060E1A" , secondaryText : "#748098" , lightText : "#4B4E54" , primary : "#391EDA" , primaryMuted : "#615BCE" , primaryFaded : "#BCB9FF" , secondary : "#654CF7" , error : "#F42703" , errorFaded : "#FFBFBF" , grey : "#99A2B4" , greyFaded : "#D2D5DB" , greyDark : "#7B869D" , warning : "#E4792C" , warningHigh : "#E44D2C" , warningHighFaded : "#F8CFCC" , warningFaded : "#F8E4CC" , publicNetworkIcon : "#68E375" , testNetworkIcon : "#FF994F" , primaryGradient : "linear-gradient(180deg, #4b42e3 0%, #302cd1 100%)" , darkPrimaryGradient : "linear-gradient(180deg, #443BDB 0%, #2521C3 100%)" , menuGradient : "linear-gradient(180deg, #564df0 0%, #2d18b5 100%)" , } ; export const Z_INDEXES = { body : 0 , loader : - 1 , nav : 10 , } ; export const ANIMATION_TIMES = { fast : "0.15s" , medium : "0.3s" , slow : "0.5s" , } ; export const FONT_WEIGHT = { light : "300" , normal : "400" , bold : "600" , } ; export const ROUNDED_CORNERS = "1.25rem" ;